Vertical-align 속성

셀 안에 들어있는 데이터가 수직으로 어떻게 정렬될 것인지를 정한다.

수평 정렬은 alignment 속성을 참고한다.

기호 설명

A | B: A 또는 B 중의 하나이다.

vertical-align: top | bottom | middle

top: 데이터의 윗쪽과 셀의 윗쪽을 맞춘다.
bottom: 데이터의 아랫쪽과 셀의 아랫쪽을 맞춘다.
middle: 데이터의 중간과 셀의 중간을 맞춘다.

<HTML>
<HEAD>
<STYLE type="text/css">
TABLE {width: 100%}
TD {vertical-align: middle}
</STYLE>
<BODY>
<TABLE border>
<TR>
<TD>가운데<BR>정렬
<TD>한 줄
</TABLE>
<BODY>
</HTML>

▲ ▶