1行のみのテキストを縦方向中央揃えにする方法

line-heightは行間のスペースを制御するプロパティです。2行以上の文などには利用できません。 これを使って1行だけのテキストを簡単に縦方向中央にする有用な方法です。
その方法は、テキストが収まっているボックスのheigtとline-heightを同じサイズにすることです。

HTMLソース

<!-- HTML -->
 <div>
     <p>1行のみのテキストに有用</p>
 </div>

CSS

/* CSS */
div  {
        width: 200px;
        height: 100px;
        background: #DDDDFF;
        text-align: center;
}
p   {
        line-height: 100px;
}