CSSでテキストの縦位置を中央にする方法

heightプロパティで高さを設定した時に、テキストの縦位置ををボックスの中央にする方法

line-heightプロパティをheightプロパティと同じ数値で設定する。

 

h1 {

  height: 200px;

  line-height: 200px;

}

 

注意

1行以内に収まる場合のみこの方法が使えます。