Comment centrer une image

Apprenez à centrer une image en utilisant CSS.

Centrer l'image :

Tulip

Comment centrer une image

Première étape - Ajouter HTML :

<img src="paris.jpg" alt="Paris" class="center">

Deuxième étape - Ajouter CSS :

Pour centrer une image, définissez les marges extérieures gauche et droite sur autoet le définir comme un élément en bloc :

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

Essayez-le vous-même

Veuillez noter que si la largeur est réglée sur 100%Si les guillemets sont en mode complet, ils ne peuvent pas être centrés.

Pages liées

Tutoriel :Image CSS