html - div内のテキストの垂直回転

Question

2行を含むdivがありますが、それらを垂直として表示したいと思います。

これは私のdivがどのように見えるかです

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

div内のテキストの向きを垂直にして、次のように表示する方法はありますか？

L L
I I
N N
E E

O T
N W
E O

Answer 1

それらを両方ともpタグでラップし、に、およびに設定しword-breakます。break-allwidth1px

ハッキーな解決策ですが、うまくいくものです！

この例を参照してください。そうでない場合、残念ながらクロスブラウザソリューションはないと思います。

Answer 2

cssでは、テキストを回転させることができます。しかし、いくつかの違いがあります。

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