E aí, pessoal
Na aula sobre footer, quando o professor foi centralizar o texto, a imagem da logo foi junto. Por que isso acontece? Não era pra ser apenas o texto?
Solucionado
E aí, pessoal
Na aula sobre footer, quando o professor foi centralizar o texto, a imagem da logo foi junto. Por que isso acontece? Não era pra ser apenas o texto?
hoje, com a Alura e o Google Gemini
Oi Pedro, tudo certo?
Isso aconteceu porque a propriedade text-align funciona em elementos do tipo block (que ocupam todo o espaço disponível da tela). E como ele aplicou essa propriedade no footer, e não na img, então ele centraliza tudo que tem dentro do footer, inclusive a imagem.
Se ele tentasse fazer:
footer img {
text-align: center;
}Não iria funcionar! Pois a imagem é um elemento inline, e não block. Para centralizarmos uma imagem, podemos fazer:
footer img {
display: block;
margin: 0 auto; // automaticamente nas laterais
}Espero ter ajudado, bons estudos =)
Olá, não é só pra texto, qualquer conteúdo que tiver dentro do elemento que receber text-align: center; vai ser centralizado, ou pelo menos o navegador vai tentar centralizar.