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

Question

假设以下HTML:

?<p><span style="font-size: 40px;">A</span>a??????????????????????</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>????????????