div内のテキストの垂直位置を制御しますか？

Question

私はdivに2つのフレーズを持っています。 2つのフレーズは、divの中央に垂直に配置され、フォントサイズが異なります。私は第2のフレーズを現在の位置よりも低くしたい（中央より少し下）。どのようにjavascriptを使用せずにdivの下の2番目のフレーズをプッシュしますか？

<div> 
Phrase 1 - Phrase 2 
</div 

Answer 1

このような何か？

<div> 
Phrase 1 - <span style="position:relative;top:4px;">Phrase 2</span> 
</div> 

Answer 2

Live Demo

私のデモは、あなたがそれを設定持って正確にどのようにではないかもしれないが、アイデアは動作するはずです：

• 設定position: relativeとtop: ?px二句に。

HTML：

<div class="phrase"> 
    Phrase 1 - <span class="p2">Phrase 2</span> 
</div> 

はCSS：

.phrase { 
    font-size: 16px; 
    background: #ccc; 
    height: 40px 
} 
.p2 { 
    font-size: 24px; 
    position: relative; 
    top: 11px 
} 

Answer 3

<div> 
Phrase 1 - <span id="phrase2">Phrase 2</span> 
</div> 

とCSSは驚異を行います。

#phrase2 { position: relative; top: .2em; }