Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Css - Centralizando uma imagem

Olá!

Utilizando apenas CSS é possível centralizar qualquer texto com a propriedade text-align:

h1 { font-size: 60px; font-weight: bold; }

Gostaria de fazer o mesmo com imagens.

A propriedade align funciona direto no html:

<div align="center" class="imagens_home"

Gostaria de fazer o mesmo utilizando CSS. Mas lá a propriedade align não funciona... Já testei align-content e não deu certo.

2 respostas
solução!

E aí, Gustavo! Tudo certinho, cara? =)

Para você conseguir alinhar uma imagem, você precisa colocar a propriedade text-align: center, como você estava fazendo, porém, você deve colocá-la no elemento pai, ou seja:

<html>
  <head>
    <...>
  </head>
  <body>
    <div>
      <img src="..." alt="...">
    </div>
  </body>
</html>

No exemplo acima, não vai adiantar nada você colocar essa propriedade na imagem, assim:

img {
  text-align: center;
}

Para conseguir centralizar, portanto, você deve ter um código semelhante ao que se segue:

div {
  text-align: center;
}

Sacou? Era isso mesmo que você queria fazer?

Dá um feedback aqui para a gente e, se não tiver resolvido, a gente vai vendo o que fazer para ajudá-lo e resolver esse problema, ok? Qualquer dúvida não hesite em perguntar! =)

Abraço e bons estudos,

Fábio

Deu certo! Obrigado pela ajuda.