CSS Float

CSS Float

float adalah salah satu properti CSS yang digunakan untuk mengatur tata letak suatu element HTML. Berikut contohnya :

Ini hasilnya :

Nilai dari properti float :

1. left
2. right
3. none
4. initial (Nilai default)
5. inherit

Properti Clear

Properti clear digunakan untuk membersihkan element HTML yang sebelumnya diberi properti float. Berikut contohnya :

Ini hasilnya :

Pada contoh diatas, element dengan class right diberi properti float:left dan properti clear:left , Jadi element dengan class right berada di bawah element dengan class left . Properti clear:left membuat element clear pada sisi kiri.

Ini hasilnya jika pada element dengan class right diberi properti clear:right , maka element dengan class right akan berada disamping element dengan class left . Properti clear:right membuat element clear pada sisi kanan.

Nilai properti clear :

1. left
2. right
3. both ( left dan right )
4. initial ( Nilai default )
5. inherit

Semoga bermanfaat, Terima kasih.