Padding & Margin

Définition

Classes p-* et m-* pour contrôler le padding et la marge. Variantes directionnelles (px, py, pt, pr, pb, pl) et valeurs négatives (-m-*).

Analogie

Le padding c'est le rembourrage dans un colis, la marge c'est l'espace entre les colis sur l'étagère.

Exemple de code

<div class="p-6 m-4">
  <div class="px-4 py-2 mt-2 -ml-1">
    Padding horizontal 1rem, vertical 0.5rem
  </div>
</div>

Cas d'usage

Contrôler l'espacement interne et externe de chaque élément dans le layout.

Termes liés