CSSで縦方向中央にテキストを配置するメモ書き!

2014/05/02

こんにちは。
今回はCSSで縦方向中央にテキストを配置するメモ書きです。

vertical-align: middle;と記述してもセンターにならない。
そんな時に下記の方法を試してみて下さい。
因にvertical-align: middle;はインライン要素のみ有効です。

 

heightとline-heightに同じ値を入れます。
※テキストが一行の時のみ有効です。

 

HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)
HTML5&CSS3デザインブック (ステップバイステップ形式でマスターできる)

 

以上でCSSで縦方向中央にテキストを配置するメモ書きでした。

topへ戻る