Démonstration visuelle : `padding` et `margin`

1. Sans padding ni margin

Boîte sans padding ni margin.

Démo

2. Avec `padding` (espace interne)

Padding = espace à l’intérieur de la boîte.

Démo

3. Avec `margin` (espace externe)

Margin = espace à l’extérieur, autour de la boîte.

Démo

4. Avec `padding` + `margin`

Voici la combinaison padding + margin :

Démo