Geek asks and answers

Vertical rotation of text inside a div

I have a div that contains two lines, but I want them to appear as vertical.

This is how my div looks like

<div>
 Line One <br>Line Two
</div>

Is there a way to make the orientation of the text inside the vertical div so that it looks like

L L
I I
N N
E E

O T
N W
E O
+3
source share
2 answers

in css you can rotate the text. but slightly different:

<div style="-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform: rotate(90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);">
 Line One
</div>
+1
source

Wrap them both in p tags and set word-breakto break-all, and width- 1px.

Hacker solution, but it works!

See this example , otherwise I don't think there is a cross-browser solution, unfortunately.

+3
source

More articles:


All Articles