2
respostas

Diferença entre usar "text-align: center;" e "margin: auto;"

Em uma imagem, tentei alinhar o elemento usando o text-align, mas não tava indo, e quando coloquei "margin: auto:" centralizou. Por que?

2 respostas

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.