文字の垂直位置の実験

実験---その1・・・上揃え
アポロ13号の写真

<head>
<style type="text/css">
<!--
   .top1 {
       vertical-align : top;
      }
      
   -->
</head>
<body>

    実験---その1・・・上揃え

    <img src=”image/aporo.jpg”class=”top1”>アポロ13号の写真


     



</body>




縦方向の配置を、親要素との相対位置で、下記のいずれかで指定する。
baseline(ベースラインあわせ)
middle(中央あわせ)
sub(下付き文字の位置)
super(上付き文字の位置)
text-top(テキストの上限あわせ)
text-bottom(テキストの下限あわせ)
top(上端あわせ)
bottom(下端あわせ)
inherit(継承)
70% のようなパーセント形式
0.5em のような単位付きの数値

baseline は文字 x の、text-bottom は文字 y の下限を意味する。
<img> タグの align 属性に相当します。