이미지와 글씨 정렬

미리보기 : http://oxtag.com/html/ex/align.html

<td><img src="icon.gif " align="texttop">이미지와 글씨의 상단끝이 같게</td>
<td><img src="icon.gif " align="absmiddle">이미지와 글씨의 중간이 같게</td>
<td><img src="icon.gif " align="absbottom">이미지와 글씨의 하단끝이 같게</td>


<td valign="top"><img src="icon.gif " align="texttop"></td>
- 테이블 상단에서 이미지와 글씨의 상단끝이 같게
<td valign="top"><img src="icon.gif " align="absmiddle"></td>
- 테이블 상단에서 이미지와 글씨의 중간이 같게
<td valign="top"><img src="icon.gif " align="absbottom"></td>
- 테이블 상단에서 이미지와 글씨의 하단끝이 같게

<td valign="middle"><img src="icon.gif " align="texttop"></td>
- 테이블 중간에서 이미지와 글씨의 상단끝이 같게
<td valign="middle"><img src="icon.gif " align="absmiddle"></td>
- 테이블 중간에서 이미지와 글씨의 중간이 같게
<td valign="middle"><img src="icon.gif " align="absbottom"></td>
- 테이블 중간에서 이미지와 글씨의 하단끝이 같게

<td valign="bottom"><img src="icon.gif " align="texttop"></td>
- 테이블 하단에서 이미지와 글씨의 상단끝이 같게
<td valign="bottom"><img src="icon.gif " align="absmiddle"></td>
- 테이블 하단에서 이미지와 글씨의 중간이 같게
<td valign="bottom"><img src="icon.gif " align="absbottom"></td>
- 테이블 하단에서 이미지와 글씨의 하단끝이 같게

표준은...

style="vertical-align: 스타일;"
스타일에는 *%, inherit, baseline, sub, super, top, middle, bottom, text-top, text-bottom 등이 있겠습니다.^^

정렬,텍스트 정렬,이미지 정렬,글씨정렬,글자정렬