Come centrare un'immagine

Impara come centrare un'immagine utilizzando CSS.

Centrare l'immagine:

Tulip

Come centrare un'immagine

Primo passo - Aggiungi HTML:

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

Secondo passo - Aggiungi CSS:

Per centrare l'immagine, impostare i margini esterni sinistri e destra autoe impostala come elemento bloccante:

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

Provalo personalmente

Attenzione, se la larghezza è impostata 100%(in caratteri full-width), non può essere centrato.

Pagine correlate

Tutorial:Immagine CSS