title: CSS Why is this tablecell not left aligned?
body: <p>I'm attempting to create a table with the first cell left justified, and all the other cells centered.  </p>
  
  <p>I am able to do this, but thought I'd use a different CSS technique, and it's got me stumped.</p>
  
  <p>In the example below, i would think the table cell with class="left" would take precedence over the table level center alignment, but this does not seem to be the case.  All cells are centered.</p>
  
  <p>All inputs appreciated!</p>
  
  <pre><code>&lt;head&gt;
      &lt;style type="text/css"&gt;
  
          td {border:solid 1px black;}
  
          table.SomeTable td {text-align:center;}
  
          td.Left {text-align:Left;}
  
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;table class="SomeTable" cellpadding="10" cellspacing="0"&gt;
          &lt;tr&gt;
              &lt;td style="width:100px;" class="Left"&gt;Why not left justified?&lt;/td&gt;
              &lt;td style="width:100px;"&gt;aaa&lt;/td&gt;
              &lt;td style="width:100px;"&gt;aaa&lt;/td&gt;
              &lt;td style="width:100px;"&gt;aaa&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  </code></pre>