順序なしリストのスタイリング
Coddyの「ボトムナビゲーションバー - HTML/CSSプロジェクト」コースのレッスン 10/12。
順序なしリストのドットを削除し、アイコンを水平に並べましょう。
チャレンジ
簡単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>