Wat is het verschil tussen margin en padding?

margin — de buitenmarge van het element ten opzichte van de randen van andere elementen. Creëert een lege ruimte buiten het blok.

padding — binnenmarge van de rand van het element tot de inhoud (tekst, afbeelding, enz.). Creëert een lege ruimte binnen het blok.

/* CSS-voorbeeld */

.element {
  margin: 20px;  /* Buitenmarge aan alle zijden */
  padding: 15px; /* Binnenmarge aan alle zijden */
  border: 1px solid black; /* Rand van het element */
}