Em uma imagem, tentei alinhar o elemento usando o text-align, mas não tava indo, e quando coloquei "margin: auto:" centralizou. Por que?
Em uma imagem, tentei alinhar o elemento usando o text-align, mas não tava indo, e quando coloquei "margin: auto:" centralizou. Por que?
hoje, com a Alura e o Google Gemini
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.