mamohoのＨＰ作成講座

セル内のテキストの位置を指定するには

●　セル内のテキストの位置を指定しよう！

セル内のテキストの位置を指定してみましょう
テキストの位置は　横には　左　中央　右揃え　縦には　上　中央　下と
それぞれ指定することができます

横の指定は　align　で　指定します
　　　　　<align="left">　　左揃え　　　　　<align="center">　　　中央揃え
　　　　　<align="right">　　　右揃え　　　　　　

縦の指定は　valign　で　指定します
　　　　　<valign="top">　　上　　　　　<valign="middle">　　中央
　　　　　<valign="bottom">　　下

では　やってみましょう

<table border="1" width="350">
<caption>セル内のテキストの位置指定</caption>
<tr>
<td align="left" valign="top" height="100">左上</td>
<td align="center" valign="top>中央上</td>
<td align="right" valign="top">右上</td>
</tr>
<tr>
<td align="left" valign="middle" height="100">左</td>
<td align="center" valign="middle">真ん中</td>
<td align="right" valign="middle">右</td>
</tr>
<tr>
<td align="left" valign="bottom" height"100">左下</td>
<td align="center" valign="bottom">中央下</td>
<td align="right" valign="bottom">右下</td>
</table>

すると　下のようになります