vertical-alignプロパティ
要素の天地の位置揃え。
ブロックレベル要素には適用できない。
主な値
baseline:
親要素のベースラインに揃える
top:
行要素に対して上端揃え
middle:
行要素に対して中央揃え
bottom:
行要素に対して下端揃え
text-top:
親要素のテキストに対して上端揃え
text-bottom:
親要素のテキストに対して下端揃え
super:
フォントの基準線に対して上付き/テーブルセルへの指定は無効
sub:
フォントの基準線に対して下付き/テーブルセルへの指定は無効
%で指定:
%値で指定。
数値で指定:
emやexやpxなどの単位をつけて指定。
(例)
■html
<div><img class="top" src=“star-mark.svg"/>Layout rules</div>
■css
img.top { vertical-align: text-top; }
HTML&CSS: CSS。