Margin Vs Padding

Padding... atau Margin...? Pilih mana? Dua-duanya dong :) . Kebanyakan pemula Css tidak tahu apa perbedaan dari kedua kode tsb. Perasaan sama, ya memang sama-sama kode Css =) . Kedua kode tsb dibutuhkan untuk mengatur jarak dalam-atau-luar pada gambar, teks, dan element HTML lainnya seperti "div", dll. Nah, berikut perbedaannya.

margin adalah jarak ruang bagian luar pada suatu element.

Padding adalah jarak ruang pada bagian dalam suatu element.

Jadi sudah mengerti 'kan? Masih belum mengerti? Ok, silahkan simak gambar berikut.

Sorry kalau gambarnya gk rapi, pakai paint sih hehe :)

Perhatikan bulatan-bulatan yang ada pada gambar! Bulatan merah adalah Padding sedangkan bulatan hijau adalah Margin. Jaraknya ya sesuai yang sobat tuliskan. Contoh: margin:10px; berarti jarak margin tsb berjarak 10px.