Home/ Questions/Q 6091311
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T12:18:46+00:00

CSS: table.t_group tbody th { text-align: left; } table.t_group_matches tbody th { text-align: center;

  • 0

CSS:

table.t_group  tbody th
{
    text-align: left;
}

table.t_group_matches tbody th
{
text-align: center;
}

HTML:

<table class="t_group">
    <tbody>
        <tr>
            <td style="width:200px">123</td>
            <td style="width:200px">456</td>
        </tr>
    </tbody>
    <tfoot><tr><td colspan="2">
        <table class="t_group_matches">
            <tbody><tr>
                <th>Some text to be centered</th>
            </tr></tbody>
        </table>
    </td></tr></tfoot>
</table>

The pointed text is not centered…

Please advise, how to make it centered?

P.S. I could add style specification into tag itself (that works), but I don’t like to move that ‘stuff’ out from css file.

P.P.S.

If that is essential, my ‘doctype’:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

P.P.P.S.

If you know any new features (html5, css3) that could work please also advise.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The text is centered, just the table doesn’t fill the width of its enclosing area:

    table.t_group_matches {width:100%}
    • 0