Como centralizar a imagem

Aprenda a centralizar imagens usando CSS.

Centralizar a imagem:

Tulipa

Como centralizar a imagem

Primeiro passo - Adicionar HTML:

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

Segundo passo - Adicionar CSS:

Para centralizar a imagem, configure as margens laterais externas: autoe configure-o como um elemento de bloco:

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

Experimente pessoalmente

Por favor, note que se a largura for configurada 100%Se estiver em (full-width), não será possível centralizar.

Páginas relacionadas

Tutorial:Imagem CSS