Question

I have the following HTML:

<div class="wall" > 
<table> 
  <tr> 
    <div class="tbr01"><th>Content</th></div> 
    <div class="tbr02"><th>User</th></div> 
    <div class="tbr03"><th>Published</th></div>
  </tr>
</table>
</div>

How do i adjust the width of the th div.tbr01

This is what i’ve tried in my css file: but i am doing something wrong?

div.wall table tr div.tbr01 th {
    width: 100px;
}

Regards,
Thijs

Answer 1

seems it doesn’t like the div… apply the class to the th or use

div.wall table tr th {
    width: 300px;
}

OR

<div class="wall" > 
<table> 
  <tr> 
    <th class="tbr01">Content</th>
    <th class="tbr02">User</th>
    <th class="tbr03">Published</th>
  </tr>
</table>
</div>

div.wall table tr th.tbr01 {
    width: 300px;
}