8단계 : 텍스트 위치의 조정
<tr> 택과 <td>, <th> 택에 align, valign 옵션을 추가하여
셀 안의 텍스트 위치를 지정할 수 있다.
align은 수평, valign은 수직방향의 위치를 지정합니다.
그리고 <tr> 택에 align, valign을 적용하면 지정한 행과 열에 모두
적용이 됩니다.
align에는 left, center, right, valign에는 top, middle, bottom,
baseline등의 추가 옵션으로 위치를 지정할 수 있습니다.
Source
<body>
<table border width=250 height=100>
<caption>텍스트의 위치 조정</caption>
<tr align=center valign=middle><th></th><th>갑</th><th>을
</th></tr>
<tr><th align=left valign=top>나이</th>
<td align=middle valign=top>22</td>
<td align=right valign=middle>28</td></tr>
<tr><th align=right valign=top>혈액형</th>
<td align=right valign=bottom>A형</td>
<td align=left valign=baseline>B형</td></tr>
</table>
</body>
</html>
Browser
텍스트의 위치 조정
| 갑 | 을
|
|---|
| 나이 |
22 |
28 |
|---|
| 혈액형 |
A형 |
B형 |
|---|
|
|
