vertical-align:***;

vertical-align: ***;は垂直方向における揃え方を指定するプロパティで、img要素に設定をすると、画像の横に並ぶテキストの位置を指定することができます。

▼CSS

img.profile{
vertical-align: middle;
}

▼HTML

<img class="profile" src="../images/h3-64_01.png">画像に対してテキストが垂直方向中央に表示されます。

設定できる値には以下があります。

▼表示

画像に対してテキストが垂直方向中央に表示されます。

設定できる値には以下があります。

baseline 画像の下端にベースラインを揃える
top 画像の上端に揃える
middle 画像の中心に揃える
bottom 画像の下端に揃える
数値+単位(px 等) ベースラインを基準に任意の位置に揃える (正の値は上方向、負の値は下方向に移動)
パーセント ベースラインを基準に任意の位置に揃える (正の値は上方向、負の値は下方向に移動)