Content you want the user to see goes here.

Selasa, 02 Oktober 2012

CSS Membuat Tampilan Menjadi Sejajar atau Sebaris

Sore hari enakan minum kupi cappucino sembari bagi-bagi ilmu ah...
kali ini mpu-nya blog mau berbagi sedikit ilmu tentang CSS hehehe...

simple sih cuma bagi yang belum tau, pasti nyarinya kemana-mana, ini berdasarkan oprekan mpu-nya blog lho... bukan kodingan hasil jiplak dan terbukti fix 100% di css 3 keatas tapi menggunakan <DIV> hehehe...

Langsung ke Kodingannya...

1. buat file css atau css dalam html
-----------------------------------------------------
<style>
.kolom-sejajar{
     float: right;  //sesuaikan kondisi urutan kiri atau kanan terlebih dahulu
}

#kolom-kiri{
     float: left;
}
#kolom-kanan{
     float: right;
}
</style>

2. buat file html
-----------------------------------------------------
<html>
<head></head>
<body>
<div class="kolom-sejajar">
      <div id="kolom-kiri">
           TES <br> TES <br> Kiri
      </div>
      <div id="kolom-kanan">
           TES <br> TES <br> Kanan
      </div>
</div>
</body>
</html>

3. Testing

Silahkan di coba... hehehe...