vertical-alignの解説｜クロノドライブのCSS辞典

vertical-alignとは行中のテキストや画像などの内容の上下方向の揃え位置を指定するプロパティです。インライン要素とテーブルセルにのみ適用することができます。
以下の値で指定します。

baseline（初期値）

指定した要素のベースラインを親要素のベースラインと揃えます。

top

指定要素を上端揃えにします。

middle

指定要素を中央揃えにします。

bottom

指定要素を下端揃えにします。

text-top

テキストを上端揃えにします。テーブルセルでは無効になります。

text-bottom

テキストを下端揃えにします。テーブルセルでは無効になります。

super

テキストを上付き文字の位置にします（文字サイズは変わりません）。テーブルセルでは無効になります。

sub

テキストを下付き文字の位置にします（文字サイズは変わりません）。テーブルセルでは無効になります。

長さ

数値＋単位（px, %, pt, emなど）で位置を指定します。また、自分自身のline-heightに対するパーセンテージで指定することも可能です。ベースラインに揃っている状態を0とし、正の値は上方向、負の値は下方向に指定します。