3. Centrer et séparer la carte

Objectifs de la leçon

• Combine une marge verticale visible et des marges horizontales automatiques.
• Appliquer margin au bon périmètre.
• Conserver toutes les décisions CSS 00 et CSS 01.

Modèle de boîte

Observe d'abord la largeur disponible, la bordure et la zone réellement occupée par le contenu.

Modifie une seule relation à la fois pour distinguer taille, espace intérieur et espace extérieur.

Texte réel

Relis la carte avec plusieurs lignes et un identifiant sans espace.

Une valeur robuste doit rester utile quand la taille du viewport ou du texte change.

Preuve

Inspecte la valeur calculée plutôt que de juger seulement l'apparence.

Compare 375 px et desktop sans supprimer les règles certifiées des modules précédents.

Vocabulaire lié

• margin — Propriété travaillée avec la valeur 1.5rem auto.
• mesure — Longueur confortable d'une ligne de texte.
• contenu extrême — Mot, URL ou identifiant plus long que le cas habituel.

Validation

• Je distingue la zone modifiée.
• Je conserve les règles cumulatives.
• Je vérifie contenu long et petite largeur.