CSS float dan mematikan fungsinya

Dengan float, elemen dapat berada di kanan atau kiri, yang memungkinkan elemen lain berada disamping atau disekitarnya.


Float sering sekali digunakan untuk gambar, dan untuk tampilan template. Bersifat horizontal, jadi hanya bisa left dan right.


Contoh :

img{
float:left;
}
Atau
img{
float:right;
}
Blog Nano Yulianto Blog Nano Yulianto

Memungkinkan elemen lain berada disampingnya atau disekitarnya.




Kalau ingin elemen lain tidak berada disampingnya, gunakan properti clear :

img{
float:left;
}
p{
clear:both;
}
Blog Nano Yulianto

Jadinya...


clear:both; Mematikan fungsi float kiri dan kanan
clear:left; Mematikan fungsi float kiri
clear:right; Mematikan fungsi float kanan

Alhamdulillah

2 comments:


  1. thanks bro mantaps

  2. malah baru tau saya soal fungsi clear ini . thanks infonya

Posting Komentar


Creative Commons License
CSS float dan mematikan fungsinya by Nano Yulianto is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at http://nanoyulianto.blogspot.com/2010/12/css-float-dan-mematikan-fungsinya.html.
Permissions beyond the scope of this license may be available at http://nanoyulianto.blogspot.com/.