はじめに

これよくわからんのよね。。

vertical-alignとは？

CSS の vertical-align プロパティは、インラインボックス(または表セルボックス)の垂直方向の配置を設定します。

どんな場合に使うの？

具体例見たほうがわかりやすい。

<div>
    <span class="rei">例</span>
    <span class="oya">Example.
        <span class="sample1">baseline</span>
    </span>
</div>

こういう場合、画像とテキストを横一線にいい感じに揃えるために使う。

プロパティ

top

上端に揃える

baseline(初期値)

これが初期値です。 親要素に揃える。 上の例のやつでいうとclass="rei"の要素になる