两个高度不同的行内元素如何垂直居中对齐

example

<p>
<span style='font-size:24px'>哈哈1</span>
<span style='font-size:12px'>哈哈2</span>
</p>

以上两个span中的‘哈哈’会根据baseline对齐

如果需要两个哈哈居中对齐，则只需给两个span都加上

vertical-align:middle即可