■ <vertical-align>

縦方向の揃え位置を指定する

解説

vertical-alignプロパティは、テキストや画像などの縦方向の揃え位置を指定する際に使用します。

■値
baseline
ベースラインを揃えます。これが初期値です。
top
上端揃えにします。
middle
中央揃えにします。
bottom
下端揃えにします。
text-top
テキストの上端に揃えます。
text-bottom
テキストの下端に揃えます。
super
上付き文字として揃えます。
sub
下付き文字として揃えます。
数値
数値にpxやemやexなどの単位をつけて指定します。ベースラインが揃った状態を0として、指定した数値分だけ上方向へ移動します。下方向へ移動させる場合には負の数値を指定します。
%値
line-heightプロパティの値に対する割合を%値で指定します。ベースラインが揃った状態を0として、指定した数値分だけ上方向へ移動します。下方向へ移動させる場合には負の数値を指定します。