<!--ページの本文-->
<body>
<p><img src="sample.gif" style="
vertical-align: sub;">下付き文字の位置で表示します(sub)</p>
<p><img src="sample.gif" style="
vertical-align: super;">上付き文字の位置で表示します(super) </p>
<p><img src="sample.gif" style="
vertical-align: baseline;">ベースラインに要素を揃えて表示します(baseline)</p>
<p><img src="sample.gif" style="
vertical-align: middle;">要素を中央揃えで表示します(middle)</p>
<p><img src="sample.gif" style="
vertical-align: text-top;">要素の上辺をテキストの上端に揃えます(text-top)</p>
<p><img src="sample.gif" style="
vertical-align: text-bottom;">要素の下辺をテキストの下端に揃えます(text-bottom)</p>
<p><img src="sample.gif" style="
vertical-align: top;">要素の上辺を行の高さの上端に揃えにします(top)</p>
<p><img src="sample.gif" style="
vertical-align: bottom;">要素の下辺を行の高さの下端に揃えにします(bottom)</p>
</body>
解説
vertical-align 
下付き文字の位置で表示します(sub)
