垂直配置（Vertical Alignment）

vertical-alignプロパティーはインライン要素の垂直方向配置を、親要素または要素の行に相対的に、変えるのに使われます。

（インライン要素はその前後に強制改行がないもので、例えばHTMLの EM・AそしてIMGです。

）

値は、要素のline-heightプロパティーに相対的なpercentageで、親基準線の上に特定されたものに要素の基準線を持ち上げます。

マイナス値も許されます。

値はキーワードのこともありえます。

以下のキーワードは親要素に相対的な位置に影響を及ぼします：

• baseline（要素と親の基準線の配置）
• middle（基準線プラスx-heightの半分−−親のletter "x"の高さ）
• sub（下付添え字）
• super（上付添え字）
• text-top（要素と親文字の先端配置）
• text-bottom（要素と親文字の底辺配置）

要素の行に相対的な位置に影響を及ぼすキーワードは以下のものがあります。

• top（行中最も高い要素をもった要素の先端配置）
• bottom（行中最も低い要素をもった要素の底辺配置）

vertical-alignプロパティーは画像配置用に特に有用です。

以下のような例です：