Padding & Margin

Padding is de ruimte tussen een element en de inhoud van dat element.

Margin is de ruimte tussen een element en andere elementen.

In de afbeelding hieronder wordt dit duidelijker. De zwarte rand is de rand van het element.
De padding (geel) valt dus binnen die rand, en de margin (donkergrijs) erbuiten.

Als je kijkt naar de gerelateerde begrippen hieronder zie je dat er een ruimte zit tussen de rand van het witte vlak en de tekst die erin staat (geel). Dat is dus de padding.

Er zit ook ruimte tussen de witte vlakken, buiten het element (donkergrijs; het element is dus in dit geval dat witte vlak). Dat is de margin.