2つの単語のフォントサイズを同じにするにはどうすればいいですか？

Question

私はすなわち、自分の一番上の行が同じ垂直位置にあったように、異なるフォントサイズ、次々と2行のテキストを表示する必要があります：私は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; 
    } 

は合わせて2ピクセルを調整します。