Hoe een afbeelding te centreren

Leer hoe je een afbeelding kunt centreren met CSS.

Centreren van afbeeldingen:

Tulip

Hoe een afbeelding te centreren

Stap 1 - Voeg HTML toe:

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

Stap 2 - Voeg CSS toe:

Om een afbeelding te centreren, stel de linker- en rechtermarges in op autoen stel het in als een blokelement:

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

Probeer het zelf

Let op, als de breedte is ingesteld als 100%If it is (full width), it cannot be centered.

Related pages

Tutorial:CSS image