Css Rotation Text-only Inside Tag

I am trying to rotate the text -90 degrees inside some th cells: The problem is that my browser appears to be rotating the whole th element... meaning that its width seems to turn

Solution 1:

You may take a look at writing-mode:

.th-vert {
 writing-mode:vertical-rl;
 padding:01.25em00;
}

<tableclass="table table-striped"border="1"><thead><tr><th>0000</th><thclass="th-vert">0000</th><thclass="th-vert">0000</th><thclass="th-vert">0000</th></tr></thead><tbody><tr><td>0</td><td>0</td><td>0</td><td>0</td></tr></tbody></table>

another example http://codepen.io/gc-nomade/pen/EKQKBe