How to align rotated text in a table?

I figured out how to rotate the text (thanks to SO) by 90 °, the problem is that the text is displayed vertically, but (I think) the field is calculated horizontally (as before )).

I have a table cell that contains such rotated text, and I would like to align the text at the top of the cell. As a result, I get something like this:

Text before rotation:

rotated90

Text after rotation (please excuse my ASCII screenshot):

0
9
d
e
t
a
t
o
r

Rotated text aligned at the top of the cell:

0
9
d
e
-----------
t
a
t
o
r

Thus, part of the text is above the cell, which is bad.

Desired effect:

-----------
0
9
d
e
t
a
t
o
r

QUESTION : how to align text vertically, i.e. how to make a browser, see the window as after (not earlier) rotation?

+3
1

, , .

Webkit/Mozilla , .

CSS3 writing-mode IE, . , , IE .

+1

All Articles