<li>태그를 가로로 배열하기
2023. 2. 28. 11:09
float 속성을 활용하면 쉽게 구현할 수 있다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
ul li {
float: left;
margin-right: 50px;
}
</style>
</head>
<body>
<ul>
<li>불</li>
<li>물</li>
<li>바람</li>
<li>번개</li>
<li>풀</li>
<li>얼음</li>
<li>바위</li>
</ul>
</body>
</html>
'공부 > HTML과 CSS' 카테고리의 다른 글
| counter()와 ::before를 이용한 <ol> 꾸미기 (0) | 2023.02.27 |
|---|---|
| 체크 박스, 라디오 박스 텍스트와 높이 맞추기 (0) | 2023.02.27 |
| 셀렉트 박스에 플레이스 홀더 적용하기 (0) | 2023.02.27 |
| @charset (0) | 2023.02.16 |
| 뷰포트의 이해 (0) | 2023.01.05 |
