Kode css float untuk membuat kolom dalam html

halo lagi, sekarang saya mau share cara membuat kolom pada web / blog / wap, tapi sebenarnya bukan itu yang lagi mau dibahas hehe.

lebih tepatnya saya lagi pingin ngebahas apa itu fungsi dari kode css float pada halaman html.

menurut saya fungsinya sama seperti kita membuat kolom table atau memakai kode position. hanya saja kode ini lebih simple (menurut saya, hehe).

saya baca kode ini dari www.quackit.com

kode

<style type="text/css">
.kelas {
float: left; width: 100px;
}
</style>

atribut yang bisa dipakai
left (ini agar posisi float berada di sebelah kiri)
right (posisi float berada disebelah kanan)
none (tidak memakai float)

lalu bagaimana cara menggunakanya?

yap ini memang agak sulit untuk saya jadikan teori, karena lebih enak sambil praktek (apa yang kamu lihat itu yang kamu dapat, hehe).

tapi tenang saya kasih sedikit contoh kecilnya

kita akan membuat 2 kolom menggunakan float ini

ini kodenya :

<div style="width: 300px; height: 200px;">

<div style="float: left; width: 80px; background: #ff0;">kode dan konten</div>

<div style="float: right; width: 80px; background: #f0f;">kode dan konten</div>

<div style="float: right; width: 140px; background: #0ff;">Kode dan konten </div>

</div>


float: left;
float: right;
float: none;
Info glosarium
    Saya mohon maaf karena menu glosarium (hanya glosarium) akan dipindahkan ke glosarium.yn.lt , dikarenakan tata menu yang masih acak-acakan dan campur kata dengan cabang pelajaran yg membuat padat dan berat XD, dan sekarang situs ini dan glosarium.yn.lt tidak mendukung tampilan ringan untuk handphone lagi.
Glossary Category
Polling singkat

    Pelajar tingkat apakah anda?

Your information
    Your country: United States | United States
    Your browser: CCBot
    IP address: 54.156.92.140
Page info
    Url: http://cariaja.yn.lt/p/kode_css_float_untuk_membuat_kolom
    Online in page: 1
    Page view: 1 | 1561
    Last modified: 2014-06-25 03:29
Sosial media
Kontak Admin
About us
free online dictionary Indonesia Selamat datang di situs website glosarium kamus Indonesia yang menyediakan layanan glosarium arti perkataan dan istilah secara online dari berbagai sumber mata pelajaran yang ada di sekolah tingkat dasar hingga tinggi/akhir. serta berbagai istilah dalam dunia maya internet, bisnis, blog online. beberapa mata pelajaran (subject) yang telah kami hadirkan : ilmu pengetahuan sosial, pendidikan kewarganegaraan, ilmu pengetahuan alam, teknologi informasi komunikasi (TIK), praktek (pramuka, kesenian, p3k, dll)