Em uma imagem, tentei alinhar o elemento usando o text-align, mas não tava indo, e quando coloquei "margin: auto:" centralizou. Por que?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Em uma imagem, tentei alinhar o elemento usando o text-align, mas não tava indo, e quando coloquei "margin: auto:" centralizou. Por que?
text-align é pra texto. Já o margin é pra ajustar a margem de algo (imagem, contener...), tu usando o auto, deixa ela no centro... :)
Apesar de o Text-align ser um elemento de alinhar o texto (seja ele ao centro ou pra direita, etc.), existe também, a possibilidade de você utilizar ele em uma Imagem. Mas, pra isso, você precisaria colocar no seu html, a imagem dentro de uma div e marcar essa div com uma classe ou um ID. Com isso, na parte do Css, quando você coloca o text-align na div, a imagem que está dentro dela vai se alinhar também.
Outra opção, além da margem e o text-align, é usar a propriedade justify-content... Mas pra fazer isso, você vai precisar mudar o display do seu elemento para flex.
Exemplo: div { display: flex; justify-content: center; }
Esse site tem tudo bem explicadinho e mais aprofundado. https://maujor.com/tutorial/centralizando-com-css-um-guia-completo.php
Espero ter ajudado! Bons estudos.