Latihan 2: Overflow — CSS
Latihan 2 dari materi Overflow di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Teks di dalam .kotak meluap keluar dari bawah kotak. Kali ini potong saja bagian yang gak muat:
- Di aturan
.kotak { ... } yang sudah ada, tambahkan overflow: hidden; sebelum }.
- Biarkan
<div class="kotak"> dan teksnya tetap ada.
Hasilnya, teksnya berhenti di tepi bawah kotak, tanpa scrollbar.
Hint
- Bagian teks yang keluar kotak cukup disembunyikan, gak perlu bisa di-scroll.
- Masih properti overflow, tapi nilainya hidden: yang meluap dipotong di tepi kotak.
- .kotak { width: 200px; height: 100px; border: 1px solid black; overflow: hidden; }
