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

Popular posts from this blog

c++ - Is it possible to compile a VST on linux? -

java - Output of Eclipse is rubbish -

jquery - Confused with JSON data and normal data in Django ajax request -