行・ラインボックスCSSプロパティの詳細とデモ

vertical-alignプロパティ - [公式(英語)]

縦方向の揃え位置を指定

行のなかでの高さ方向の揃え方を調整します。適用できる範囲はインライン要素とテーブルセル要素。ブロックレベル要素には適用できません
画像などはベースラインを持たないため、その下端がベースラインとなります

ブラウザのサポート状況

Internet Explorer 6 Internet Explorer 7 Internet Explorer 8 Internet Explorer 9 Firefox Google Chorme Safari Opera

プロパティ

none未指定
baseline(初期値)
top上端揃え
middle中央揃え
bottom下端揃え
text-topテキストの上端揃え(テーブルセルへの指定は無効)
text-bottomテキストの下端揃え(テーブルセルへの指定は無効)
super上付き文字(テーブルセルへの指定は無効)
sub下付き文字(テーブルセルへの指定は無効)
use-script-
central中央揃え
値・距離pxやemやexなどの単位をつけて距離を指定します
パーセント%で距離を指定します