通常の文字位置 |
上付き文字 |
下付文字 |
上詰め |
中詰め |
下詰め |
上詰め |
中詰め |
下詰め |
<style type="text/css">
<!--
.nor{vertical-align:baseline;}
.ue{vertical-align:super;}
.sita{vertical-align:sub;}
.tops{vertical-align:top;}
.middles{vertical-align:middle;}
.bottoms{vertical-align:bottom;}
-->
</style>
<table width="100%" border="1" cellspacing="0" cellpadding="10">
<tr>
<td><span class="nor">通常の文字位置</span> </td>
<td><span class="ue">上付き文字</span></td>
<td><span class="sita">下付文字</span></td>
</tr>
<tr>
<td class="tops">上詰め</td>
<td class="middles">中詰め</td>
<td class="bottoms">下詰め</td>
</tr>
<tr>
<td class="tops"><img src="../image/setura1.jpg" width="80" height="80" class="tops">上詰め
</td>
<td class="middles"><img src="../image/setura1.jpg" width="80" height="80" class="middles">中詰め
</td>
<td class="bottoms"><img src="../image/setura1.jpg" width="80" height="80" class="bottoms">下詰め
</td>
</tr>
</table>