title: Text-Align "Left" only for the "values" of First Column
body: <p>I am trying to archive the below,</p>
  
  <p>All the heading should be aligned Center
  "The values of 1st Column=Align Left" and 
  "All Values of 2nd, 3rd, and 4th Column=Align Center"</p>
  
  <p>how to archive this, when i have auto-incrementing values in my table</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  }
  
  body &gt; table &gt; tbody &gt; tr &gt; td{
    text-align: center;
  }
  
  
  body &gt; table &gt; tbody &gt; tr &gt; th
  {
    text-align: center;
  }
  
  
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;table&gt;
    &lt;col width="55%"&gt;
    &lt;col width="15%"&gt;
  &lt;col width="15%"&gt;
  &lt;col width="15%"&gt;
    &lt;tr&gt;
      &lt;th&gt;Month&lt;/th&gt;
      &lt;th&gt;Savings&lt;/th&gt;
      &lt;th&gt;Money&lt;/th&gt;
      &lt;th&gt;Cars&lt;/th&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;John Franky&lt;/td&gt;
      &lt;td&gt;$100&lt;/td&gt;
      &lt;td&gt;$100&lt;/td&gt;
      &lt;td&gt;$100&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Peter Thomson&lt;/td&gt;
      &lt;td&gt;$80&lt;/td&gt;
      &lt;td&gt;$100&lt;/td&gt;
      &lt;td&gt;$100&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>