html - How to override css-setting for the elements of nested table? -
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 centered</th> </tr></tbody> </table> </td></tr></tfoot> </table> the pointed text not centered...
please advise, how make centered?
p.s. add style specification tag (that works), don't move 'stuff' out css file.
p.p.s.
if essential, 'doctype':
<!doctype html public "-//w3c//dtd xhtml 1.1//en" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd"> p.p.p.s.
if know new features (html5, css3) work please advise.
thanks lot!
the text centered, table doesn't fill width of enclosing area:
table.t_group_matches {width:100%}
Comments
Post a Comment