文字揃え

文字揃え（vertical alignment）は、同じ行内にサイズの異なる文字を配置する場合の、行に対する文字の垂直方向（縦組みでは水平方向）の揃え方をいいます。揃え方の基準として、ベースラインやボディの上端・中央・下端などがあります。

実践

CSSで文字揃えを指定するにはvertical-alignプロパティを使います。プロパティの対象になるのはインラインレベルかテーブルセルの要素です。

sub {
  vertical-align: -0.25em;
}

th, td {
  vertical-align: baseline;
}