Latihan 1: Float & Clear — CSS
Latihan 1 dari materi Float & Clear di CSS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Bikin teks paragraf mengalir di sisi kanan gambar:
- Di aturan
img { } yang sudah ada, hapus komentar /* tulis CSS di sini */.
- Di tempat yang sama, tulis
float: left; supaya gambarnya ke kiri.
- Di bawahnya, tulis
margin-right: 16px; supaya ada jarak antara gambar dan teks.
Hasilnya, gambar ada di kiri, dan teksnya mengalir di sebelah kanannya.
Hint
- Gambarnya perlu mengambang ke pinggir kiri, supaya teks bisa naik dan mengalir di sebelahnya.
- Pakai properti float dengan nilai left, lalu margin-right buat jarak di sisi kanan gambar.
- img { float: left; margin-right: 16px; }
