如何將不同字體大小的兩個單詞對齊到同一行？

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的，以適應。