Docs/CSS/Float & Clear

CSS Float

float menggeser elemen ke kiri/kanan, membuat teks mengalir di sekitarnya.

  • float: left / right / none
  • clear: both — mencegah float

Catatan: Gunakan Flexbox/Grid untuk layout modern. Float biasanya hanya untuk wrap teks di sekitar gambar.

style.css
Try It →
<div>
  <img src="https://picsum.photos/120/80" alt="Float demo">
  <p>Teks ini mengalir di sekitar gambar yang di-float ke kiri. Float berguna untuk membungkus teks di sekitar gambar, seperti layout di majalah atau koran. Ini adalah cara klasik untuk mengatur layout sebelum Flexbox dan Grid ada.</p>
</div>