<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test018.html</title>
<style type="text/css">
p {font-size: 24pt; }
span {font-size: 12pt;}
</style>
</head>
<body>
<div>
<h1>수직 정렬 실습</h1>
<hr>
</div>
<div>
<p>
<span style = "vertical-align: sub; color: red;">
이번 실습을 통해 확인할 text 에는
</span>
<span>
수직 정렬과 관련된 내용이
</span>
<span style = "vertical-align: super; color: blue;">
포함되어 있다.
</span>
</p>
</div>
</body>
</html>style 속성 : vertical-align
을 통해 수직정렬을 해봅니다~!
728x90
'WEB Archive' 카테고리의 다른 글
| [HTML] CSS - 기타 다른 속성들 (0) | 2024.08.20 |
|---|---|
| [HTML] CSS - 글자 간격 지정 (0) | 2024.08.20 |
| [HTML] CSS - 대소문자 지정 실습 : text-transform (0) | 2024.08.20 |
| [HTML] CSS - 색상 적용 실습 (0) | 2024.08.20 |
| [HTML] title과 body (0) | 2024.08.20 |
댓글