Sådan centrerer man et billede

Lær at bruge CSS til at centere billeder.

Centreret billede:

Tulip

Sådan centrerer man et billede

Trin 1 - Tilføj HTML:

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

Trin 2 - Tilføj CSS:

For at centere billedet, indstil de venstre og højre marginer til autoog indstil det til en blokelement:

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

Prøv det selv

Bemærk venligst, hvis bredden er indstillet til 100%If it is full width, it cannot be centered.

Related pages

Tutorial:CSS image