CSS垂直对齐不同的文本大小

Question

假设以下HTML：

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

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

实际结果

第二个字符与this example中第一个字符的底部对齐：

预期结果

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

Answer 1

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

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

Answer 2

将vertical-align:middle;添加到<span>（example）：

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