Menu
CoddyTech
Mulai belajar

Penataan daftar tak berurutan

Pelajaran 10 dari 12 dalam kursus Bilah Navigasi Bawah: Proyek HTML/CSS di Coddy.

Mari hilangkan titik pada daftar tak berurutan dan sejajarkan ikon secara horizontal. 

challenge icon

Tantangan

Mudah

Targetkan daftar tidak berurutan dari class navigasi .navigation ul:

  1. Atur display menjadi flex.
  2. Atur justify-content menjadi space-around.
  3. Atur list-style menjadi none.

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
        <script src="script.js"></script>
    </body>
</html>

Semua pelajaran di Bilah Navigasi Bawah: Proyek HTML/CSS

1Bilah Navigasi

Menyiapkan Kodemain-containerPelajaran proyekBilah NavigasiPelajaran proyeklist tak berurutan dan judulPelajaran proyekItem dan judul listPelajaran proyekTambahkan IkonPelajaran proyek

2Gaya

Tag universalPelajaran proyekBodyPelajaran proyekPenataan navbarPelajaran proyekPenataan daftar tak berurutanPelajaran proyekPenataan item daftarPelajaran proyekAnimasi ikon saat diarahkanPelajaran proyek

Latihan sendiri: Playground Web