[HTML] valign 태그
by mini_min[HTML]
valign 태그
✔️ valign 태그
: 셀 내용의 수직 정렬을 정의한다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 셀 안에서의 내용을 .. -->
<h3>테이블 - valign : 셀 내용의 수직 정렬을 정의 </h3>
<table border="1" style="width: 400px; border-collapse: collapse;">
<tr height="100" align="center">
<td width="100" valign="top">A</td>
<td width="100">B</td>
<td width="100" valign="middle">C</td>
<td width="100" valign="bottom">D</td>
</tr>
<tr height="100" align="center">
<td width="100" style="vertical-align: top;">A</td>
<td width="100">B</td>
<td width="100" style="vertical-align: middle;">C</td>
<td width="100" style="vertical-align: bottom;">D</td>
</tr>
</table>
</body>
</html>
'HTML' 카테고리의 다른 글
| [HMTL] <nav> 태그와 <ul>, <li> 태그로 메뉴 만들기 (0) | 2022.09.12 |
|---|---|
| [HTML] 리스트 관련 <ol> <ul> <menu> <li> 태그 (0) | 2022.09.12 |
| [HTML] border-spacing 태그 (0) | 2022.09.09 |
| [HTML] col / colgroup 태그 (0) | 2022.09.08 |
| [HTML] table 태그로 성적표 만들기 (0) | 2022.09.08 |
블로그의 정보
개발자 미니민의 개발로그
mini_min