CSS Tutorial : Pengertian Dari Float atau Penempatan Kotak Yang Bersebelahan

float artinya mengapung. tapi dalam CSS artinya hampir mirip. Saya sudah sering menggunakan Float untuk membuat CSS yang bersebelahan. maupun tidak bersebelahan...

Langsung aja...



Float: Left

Cara Penggunaan :

#web {
float: left;
width: 300px;
background: #ff0000;
}

akan berada dikiri...



Float: Right

Cara Penggunaan :

#rpl {
float: right;
width: 200px;
margin-left:auto;
background: #0000ff;
}

Jika Digabungkan :

Div id web berada di kiri

Div id rpl berada di kanan

Clear: both

Cara Penggunaan :

h2.q {
clear: both;
}

Artinya tidak akan ada yang menempati tempat kosong disebelahnya. walaupun masih muat...

Sekian dari saya, Gampang Kan...???Selamat mencoba...