title: using text-align center in colgroup
body: <p>i have a table in my page, i use colgroups to format all cells in this column the same way, works good for background color and all. but cannot seem to figure out why text-align center does not work. it does not align the text centered.</p>
  
  <p>example: </p>
  
  <pre><code>&lt;table id="myTable" cellspacing="5"&gt;
      &lt;colgroup id="names"&gt;&lt;/colgroup&gt;
      &lt;colgroup id="col20" class="datacol"&gt;&lt;/colgroup&gt;
      &lt;colgroup id="col19" class="datacol"&gt;&lt;/colgroup&gt;
      &lt;colgroup id="col18" class="datacol"&gt;&lt;/colgroup&gt;
  
      &lt;thead&gt;
          &lt;th&gt;&amp;nbsp;&lt;/th&gt;
          &lt;th&gt;20&lt;/th&gt;
          &lt;th&gt;19&lt;/th&gt;
          &lt;th&gt;18&lt;/th&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
              &lt;td&gt;&amp;nbsp;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#names {
      width: 200px;
  }
  
  #myTable .datacol {
      text-align: center;
      background-color: red;
  }
  </code></pre>