Perbedaan Margin dan Padding

• Fungsi

Margin dan padding sama-sama memiliki fungsi untuk memberi space atau ruang di sekitar elemen. bedanya adalah margin membuat space di luar border, dan padding di dalam border. 

Agar lebih mudah mempelajari, kamu juga bisa memanfaatkan fitur inspect element pada browser. kamu hanya perlu membuka sebuah website lalu klik kanan dan pilih inspect element. setelah itu kamu akan menemukan gambar seperti ini.

selain itu, cara paling mudah untuk mengerti perbedaannya tentu saja dengan mencoba sendiri. kamu bisa membuat 1 buttom atau elemen apapun lalu mengubah-ubah ukuran padding dan marginnya untuk melihat perubahannya.

sumber: codingstudio.id