text-align center in colgroup verwenden

Question

Ich habe eine Tabelle in meiner Seite, ich benutze colgroups, um alle Zellen in dieser Spalte auf die gleiche Weise zu formatieren, funktioniert gut für Hintergrundfarbe und alle. aber kann nicht scheinen, um herauszufinden, warum text-align center nicht funktioniert. es richtet den Text nicht zentriert.

Beispiel:

<table id="myTable" cellspacing="5">
    <colgroup id="names"></colgroup>
    <colgroup id="col20" class="datacol"></colgroup>
    <colgroup id="col19" class="datacol"></colgroup>
    <colgroup id="col18" class="datacol"></colgroup>

    <thead>
        <th>&nbsp;</th>
        <th>20</th>
        <th>19</th>
        <th>18</th>
    </thead>
    <tbody>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </tbody>
</table>

CSS:

#names {
    width: 200px;
}

#myTable .datacol {
    text-align: center;
    background-color: red;
}