div內文字的垂直旋轉

Question

我有一個包含兩行的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

在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> 

Answer 2

總結他們無論是在p標籤，並將word-break設置爲break-all，將width設置爲1px。

一個拙劣的解決方案，但一個工程！

看到這個example，否則，我不相信有不幸的是跨瀏覽器的解決方案。