순서 없는 리스트 스타일링
Coddy의 하단 네비게이션 바 - HTML/CSS 프로젝트 코스 레슨 — 12개 중 10번째.
순서 없는 목록의 점을 제거하고 아이콘을 가로로 정렬해 봅시다.
챌린지
쉬움navigation 클래스의 순서 없는 목록 .navigation ul을 대상으로 다음을 설정하세요:
- display를
flex로 설정합니다. - justify-content를
space-around로 설정합니다. - list-style을
none으로 설정합니다.
직접 해보기
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Write HTML code here -->
<script src="script.js"></script>
</body>
</html>