Hai para pencari informasi, kali ini saya akan membahas tentang cara penggunaan margin yang tepat dan benar. nah sebelum kita masuk ke study case, kalian harus tahu terlebih dahulu apa yang dimaksud dengan margin, jadi margin adalah sebuah property di CSS untuk mengatur jarak luar. Nah kebanyakan dari para programmer web itu sudah mengetahui fungsi dari si margin, namun masih banyak yang keliru atas penggunaannya atau penempatannya. Oke tanpa basa-basi lagi langsung saja ke pembahasan cara penggunaan margin yang tepat dan benar.
Sebagai contoh saya mempunyai 2 div yang berbeda warna seperti gambar dibawah ini :
Nah coba kita lihat gambar diatas ada div 1 dengan warna kuning dan div 2 dengan warna hijau, dan coba kalian perhatikan diantara div 1 dan div 2 itu sangat dempet atau tidak ada jarak sama sekali antara div 1 dengan div 2. Nah bagaimanakah cara yang tepat dan benar dalam penggunaan margin agar div 1 dan div 2 itu mempunyai jarak atau tidak dempet seperti di gambar.
Pada kasus gambar di atas hanya memisahkan antara div 1 dan div 2 agar mempunyai jarak di antara kedua div tsb. nah untuk memisahkannya kita hanya perlu menambahkan margin-right:10px; pada DIV 1 yang warna kuning atau menambahkan margin-left:10px; pada DIV 2 yang warna hijau maka hasilnya akan seperti gambar di bawah ini.
Cukup mudah bukan cara penggunaan margin yang tepat dan benar ? Oke sekian tutorial yang singkat dari saya ini, semoga memberikan manfaat yang luar biasa untuk kalian semua.
Terimakasih.