我知道垂直对齐文本到一个块的中间，你设置行高与块的相同的高度。
但是，如果我有一个中间有一个词的句子，那就是2em。如果整个句子具有与包含块相同的行高，则较大的文本是垂直对齐的，但较小的文本与较大文本在相同的基线上。
如何设置它，使两种大小的文本垂直对齐，所以较大的文本将在一个基线低于较小的文本？
解决方法
尝试vertical-align：middle;在线容器？
编辑：它的工作，但所有的文本必须在一个内联容器，像这样：
<div style="height:100px; line-height:100px; background:#EEE;">
<span style="vertical-align:middle;">test</span>
<span style="font-size:2em; vertical-align:middle;">test</span>
</div>
