文字の垂直位置の実験
実験---その2・・・中央揃え
アポロ13号の写真
<head>
<style type="text/css">
<!--
.middle {
vertical-align : middle;
}
-->
</head>
<body>
実験---その1・・・上揃え
<img src=”image/aporo.jpg”class=”middle”>アポロ13号の写真
</body>
縦方向の配置を、親要素との相対位置で、下記のいずれかで指定する。
baseline(ベースラインあわせ)
middle(中央あわせ)
sub(下付き文字の位置)
super(上付き文字の位置)
text-top(テキストの上限あわせ)
text-bottom(テキストの下限あわせ)
top(上端あわせ)
bottom(下端あわせ)
inherit(継承)
70% のようなパーセント形式
0.5em のような単位付きの数値
baseline は文字 x の、text-bottom は文字 y の下限を意味する。
<img> タグの align 属性に相当します。