「vertical-align」プロパティは、インライン要素のみに指定可能で、親要素に対する相対位置を指定する場合もあります。このプロパティにより、上下位置の調整が可能です。
割合指定した場合、その要素の行間(line-height)に対する割合分だけベースラインを上げます。負の指定をした場合は逆に下に下げます。ベースラインを持たない要素(例えば画像など)の上下位置の関係を緻密に設定することも可能です。
| 値 | 説明 | 例 |
|---|---|---|
| baseline | 親要素とベースラインを合わせる | baseline;標準 |
| sub | 下付き文字 | H2O |
| super | 上付き文字 | cm3 |
| top | 上位置をその行の最も高い要素の上に合わせる | |
| text-top | 上位置を親要素の上に合わせる | |
| middle | 中央を親要素の小文字の中央と合わせる | |
| bottom | 下位置(ベースライン)を親要素の下(ベースライン)に合わせる | |
| text-bottom | 下位置(ベースライン)をその行の最も低い要素の下(ベースライン)に合わせる | |
| n% | 要素の行間(line-height)に対する割合 | H2O |