vertical-align
vertical-align は行内のテキストや要素の垂直方向の配置を指定します。インラインボックス、インラインブロック、表のセル要素に対し有効です。
- 値
- baseline, middle, top, botom, sub, super, text-top,text-bottom, パーセント, 長さ
- 初期値
- baseline
- 対象
- インライン要素およびテーブルセル要素
- 継承
- しない
- CSS レベル
- CSS 1～
値の詳細
- baseline
- 親要素のベースラインに揃える
- middle
- 要素の中央を親要素の中央に揃える
- top
- 上端に揃える
- bottom
- 下端に揃える
- sub
- 要素のベースラインを親要素の下付き文字のベースラインに揃える
- super
- 要素のベースラインを親要素の上付き文字のベースラインに揃える
- text-top
- 要素の上端を親要素のフォントの上端に揃える
- text-bottom
- 要素の下端を親要素のフォントの下端に揃える
- パーセント
- line-height に対するパーセンテージで指定。負の値の指定も可
- 長さ
- 親要素のベースラインを基準に数値分だけ上に揃える。負の値の指定も可
サンプル
span {
vertical-align: middle;
}