Como fazer - Centralizar imagens
Aprenda como centralizar uma imagem com CSS.
Imagem centralizada:
Como centralizar imagens
Etapa 1) Adicionar HTML:
Exemplo
<img src="paris.jpg" alt="Paris" class="center">
Etapa 2) Adicionar CSS:
Para centralizar uma imagem, defina as margens esquerda e direita auto
e transforme-a em um block
elemento:
Exemplo
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Observe que ele não pode ser centralizado se a largura estiver definida como 100% (largura total).
Dica: Acesse nosso Tutorial de imagens CSS para saber mais sobre como estilizar imagens.