CSS Tutorial : Pengertian Dari Float atau Penempatan Kotak Yang Bersebelahan

2

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...