Apa itu float?
float adalah properti di CSS yang digunakan untuk mengatur posisi elemen agar “mengapung” di sebelah kiri atau kanan dari container-nya, sehingga elemen lain bisa mengalir di sekitarnya.
Awalnya, float dipakai untuk membuat layout dengan kolom, tapi sekarang lebih sering digunakan untuk mengatur gambar agar teks bisa mengelilinginya.
Nilai pada float
float: left;→ elemen akan mengapung ke sisi kiri.float: right;→ elemen akan mengapung ke sisi kanan.float: none;→ elemen tetap di posisi default (tidak mengapung).float: inherit;→ mewarisi nilaifloatdari elemen induknya.
Clear Float
Kadang elemen berikutnya “ketarik” oleh float. Untuk mencegahnya, gunakan clear.
clear: left;→ berhenti di bawah elemen yang di-float kiri.clear: right;→ berhenti di bawah elemen yang di-float kanan.clear: both;→ berhenti di bawah semua elemen float.
