2つの異なるフォントサイズを並べるにはどうすればいいですか？

Question

2つの異なるサイズのフォントを並べて並べると、小さなテキストが大きなテキストの中央に配置されます。

HTML：

<div id="parent"> 
    <span id="first">first</span> 
    <span id="second">second</span> 
</div> 

CSS：

#first { 
    font-size: 200%; 
} 

#second { 
    font-size: 100%; 
} 

JSFiddle：http://jsfiddle.net/BmbWr/

Answer 1

あなたはvertical-align: middleプロパティを使用することができます

http://jsfiddle.net/BmbWr/1/

Answer 2

ラインハイトCSSプロパティを使用します。 1行目と2行目を同じ行の高さに設定します。

Answer 3

あなたはこのようにそれを行うことができます。

http://jsfiddle.net/BmbWr/5/

私はさらに、例えば、1を追加しました。

Answer 4

これはまあ、私はdownvoteを得た

#first { 
    font-size: 200%; 

}

#second { 
    font-size: 100%; 
    vertical-align:top; 
    line-height:38px; 
}