Adding class to set the position of image post

Menjadi seorang blogger yang sekaligus juga mengetahui bagaimana desain blog dibuat berikut kode yang digunakan menjadi sesuatu yang sangat menarik. Menjadi blogger memang "tak hanya sekedar bernilai sebuah posting", namun masih banyak hal lain yang juga sangat menantang dan seringkali bahkan membuat lebih banyak waktu tersita. Salah satunya adalah mencoba membuat berbagai kode baru dengan tujuan menciptakan posting dengan kode lebih sederhana namun mempunyai kualitas dan tampilan lebih baik. Image posting merupakan salah satu diantaranya dan melakukan itu dapat dilakukan dengan memanfaatkan property css. Tentu saja memahami kode css menjadi kunci segalanya dan itu hanya bisa terjadi dengan lebih banyak belajar css melalui tutorial css yang banyak tersedia di berbagai blog/web atau dari berbagai buku tentang css & kode html.

CSS Float Property

CSS Float Property berhubungan dengan pengaturan posisi sebuah obyek secara horizontal. Penggunaan css float property bukan hanya sekedar untuk kepentingan pengaturan posisi obyek/elemen saja, namun akan berkaitan dengan elemen lain disekitarnya. Penggunaan css float property selalu dibarengi dengan properti margin yang berfungsi untuk mengatur jarak obyek dengan elemen lain termasuk teks. Akan sangat berguna untuk penataan image/gambar dan elemen lain dalam desain blog/web maupun penataan halaman posting. Dalam penggunaanya, nilai yang banyak dimanfaatkan untuk pengaturan dan penataan blog/web adalah float:left dan float:right, sekalipun masih ada 2 nilai css float property yang lain (float:none dan float:inherit). Anda bisa melihat fungsi dan kegunaan css float propertypada "gambar monyet" di samping. CSS float property membuat gambar monyet berada di sebelah kanan halaman, sedangkan margin menciptakan jarak antara "gambar monyet" dengan teks disisi sebelah kiri dan bawahnya. CSS float property tersebut juga membuat teks naik sejajar dengan ujung teratas gambar. Hal seperti ini hanya dapat terjadi melalui penggunaan css float property. Anda akan melihat perbedaan ini melalui demo yang ditampilkan ujung terbawah posting.