CSSで画面のテキスト・画像などの縦位置を指定したいって？

そんな時はvertical-alignプロパティを使おう！

vertical-alignプロパティとは、テキストの縦軸の位置を指定するためのプロパティです。

上端揃え・中央揃え・下端揃え以外にも、複数の設定方法があります。読みやすさ・使いやすさに直結するプロパティなので、使い方を覚えておくのがおすすめです！
※vertical-alignが使えるのは、「インライン要素」と「テーブルセル」だけなので注意。

vertical-alignプロパティの使い方

値	意味	使用例
top	行の上端	top
middle	行の中央	middle
bottom	行の下端	bottom
text-top	フォントの上端	text-top
text-bottom	フォントの下端	text-bottom
baseline	フォントの基準線	baseline
数値 + %	指定した数値の位置	20% , -30%
数値 + 単位	フォントの基準線	10px , -0.2em

.img {
  vertical-align: middle;
}