trタグやtdタグに align=""、valign="" を追加すると、セル内の文字の位置を指定できます。
<td align="center" valign="top">
align="" は横方向、valign="" は縦方向の指定を行います。
| align="" | left … (左に表示します) |
|---|---|
| center … (中央に表示します) | |
| right … (右に表示します) | |
| valign="" | top … (上部に表示します) |
| middle … (中央に表示します) | |
| bottom … (下部に表示します) |
※thタグにもこの指定が行えます。
tdタグ(thタグ)ではセル単位、trタグでは行単位の指定になります。
![]()
この指定内容はスタイルシートで代替することができます。指定方法の詳細は「関連ページ」をご覧ください。
■align(横方向)の指定を行った場合
<table border="1" width="400" height="100">
<tr>
<td align="left">左寄せ</td>
<td align="center">中央へ</td>
<td align="right">右寄せ</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| 左寄せ | 中央へ | 右寄せ |
■valign(縦方向)の指定を行った場合
<table border="1" width="400" height="100">
<tr>
<td valign="top">上部</td>
<td valign="middle">中央</td>
<td valign="bottom">下部</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| 上部 | 中央 | 下部 |
■trタグとtdタグで指定を行った場合
<table border="1" width="400" height="100">
<tr align="center">
<td valign="top">上部</td>
<td valign="middle">中央</td>
<td valign="bottom">下部</td>
</tr>
</table>
▼これをブラウザで見ると次のように表示されます
| 上部 | 中央 | 下部 |