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

Question

私は2つの線を含むdivがありますが、それらを垂直として表示したいのですが。

は、これは私のdivは

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

どのように見えるか、pタグでそれらの両方をラップ

L L 
I I 
N N 
E E 

O T 
N W 
E O 

Answer 1

あなたはテキストを回転することができます。いくつかの違いがあります：

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

Answer 2

のように表示されるように、divの垂直内のテキストの向きを作成する方法はありますし、 word-break〜break-all、width〜1pxと設定します。

ハッピーな解決策ですが、うまくいきます！

これを参照してください。そうでないと、残念なことにクロスブラウザソリューションがあるとは思われません。