如何将不同字体大小的两个单词对齐到同一行？

Question

我需要显示两行文字用不同的字体大小，一个接着一个，让自己顶线均在同一垂直位置，即：

我试图用vertical-align: top，但没有运气。相反，预期的结果我有这样的：

有没有达到预期的结果，一些标准的方法是什么？

这里是我的HTML：

<div id="container"> 
    <span>TEXT</span> TEXT 
</div> 

和CSS：

#container { 
    font-size: 30px; 
} 

#container span { 
    font-size: 16px; 
    vertical-align: top; 
} 

Answer 1

一种方法是：

#container span { 
    position: relative; 
    top: 2px; 
    } 

调整2px的，以适应。