Latihan 1 dari materi Display Property di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Menu di editor tersusun ke bawah. Bikin ketiga item menunya berjejer ke samping:
selector: li
tambahkan display: inline-block
Tulis di aturan li { ... } yang sudah ada, sebelum }.
Hint
Tiap <li> bawaannya block, jadi makan satu baris penuh dan item berikutnya turun ke bawah.
Ganti perilaku itu lewat properti display di aturan li, dengan nilai yang berjejer ke samping tapi tetap menjaga padding-nya.
li { padding: 10px 20px; background: lightblue; display: inline-block; }
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...
