Membuat Multiple Kolom dengan CSS3

Dengan CSS3 kita dapat membuat layout  multiple kolom untuk teks seperti multiple kolom yang sering kita lihat pada koran, majalah, atau buku. Pada layout  multiple kolom ini kita juga dapat mengatur jarak antar pembagian kolom tersebut dan juga memberikan garis pembatas antara kolom.

Berikut ada 3 property yang harus kita ketahui dalam membuat multiple kolom, antara lain:

column-count, berfungsi untuk menentukan jumlah atau banyaknya kolom yang diinginkan.
column-gap, berfungsi untuk menentukan jarak antar kolom.
column-rule, berfungsi untuk memberikan garis pembatas antar kolom.

Yuk kita langsung praktek aja !

Silahkan buat kode HTMLnya seperti berikut:

Dan, CSSnya seperti ini:

Save, dan jika dilihat hasilnya dibrowser maka akan seperti ini: