Css : Float

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, kurang lebihnya mohon maaf...

Posted in: Css Tutorial