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

将它们都包裹在p标签中，并将word-break设置为break-all，将width设置为1px.

一种 hacky 解决方案，但有效!

查看此 example ，否则，不幸的是，我不相信有跨浏览器的解决方案。