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