html - 如何让字母在自动换行中对齐？

Question

这是我想到的制作垂直文本的最佳方式。

如何让字母“ello”与“h”对齐？

http://codepen.io/anon/pen/vxaoaw

<p>Hello</p>

p {
width: 0.5em;
font-size: 5em;
word-wrap: break-word;  
}

Answer 1

您为段落标签设置了宽度，添加文本居中对齐并添加略高于 0.5em 的宽度。

p {
width: 0.7em;
font-size: 5em;
word-wrap: break-word;
text-align: center;
letter-spacing: 7px;
}

<p>Hello</p>

这就是你想要的吗？