vertical-alignを使ってインライン要素またはテーブルのセル要素で垂直の位置の指定をします。
css
vertical-align : 値;
インライン要素での指定
インライン要素には aタグspanタグなどがあります。
MDNでインライン要素を確認する
- baseline 親要素のbaseline に揃えます。(初期値)
- top 行全体の上端に揃える
- middle 親要素の中央に揃える
- bottom 行全体の下端に揃える
- text-top 親要素のフォントの上辺に揃える
- text-bottom 親要素のフォントの下辺に揃える
- super 上付き文字にする
- sub 下付き文字にする
テーブルのセル要素での指定
- baseline
- top
- middle
- bottom