html - CSS垂直对齐不同的文字大小

Question

假设以下 HTML：

​&lt;p><span style="font-size: 40px;">A</span>a​​​​​​​​​​​​​​​​​​​​​​&lt;/p>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

是否可以让第二个字符与第一个字符的中心对齐？

实际结果

在此示例中，第二个字符与第一个字符的底部对齐：

预期结果

但是，我希望第二个字符与第一个字符的中间对齐：

Answer 1

只需添加vertical-align:middle;样式。

http://jsfiddle.net/uEu6B/1/

Answer 2

添加vertical-align:middle;到<span>（示例）：

<p><span style="font-size: 40px;vertical-align: middle;">A</span>a</p>​​​​​​​​​​​​