11. 정렬관련스타일
.NET프로그래밍/CSS 2.0 2009. 7. 28. 11:57 |<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 정렬관련스타일</title>
</head>
<body>
<table border="1" width="100%" style="width:100%; height:200px;">
<tr>
<td align="center">
1<br />
1<br />
</td>
<td style="text-align:center; line-height:200%;">
2<br />
2<br />
</td>
</tr>
<tr>
<td align="right" valign="top" style="letter-spacing:0.5em;">33</td>
<td style="text-align:right; vertical-align:bottom; word-spacing:1em;">44 44</td>
</tr>
</table>
</body>
</html>
<!--
- line-height : 줄간격
- letter-spacing : '글자(1개)' 사이의 간격 / word-spacing : '단어' 사이의 간격
- em : 해당글자(단어)의 높이를 '1'로 하는 단위
- text-align : 좌우로 정렬(left, center, right)
- vertical-align : 상하로 정렬(top, middle, bottom)
-->
< 실행결과 >
'.NET프로그래밍 > CSS 2.0' 카테고리의 다른 글
| 13. 여백관련스타일 (0) | 2009.07.28 |
|---|---|
| 12. 텍스트관련스타일 (0) | 2009.07.28 |
| 10. 폰트관련스타일 (0) | 2009.07.28 |
| 9. 영역설정태그- <div>와 <span>태그 (0) | 2009.07.28 |
| 8. 중첩태그 (0) | 2009.07.28 |