Pessoal, gostaria de saber se o atributo "text-align" funciona para qualquer elemento da página, Exemplo: Imagens, div Ou funciona somente para textos??
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!
Pessoal, gostaria de saber se o atributo "text-align" funciona para qualquer elemento da página, Exemplo: Imagens, div Ou funciona somente para textos??
A propriedade text-align funciona para qualquer elemento que seja inline, não apenas textos.
O que seria um elemento inline?
O elemento inline é exibido em uma linha, como o próprio nome indica.
Há outras duas opções de exibição: block e inline-block.
O elemento block é exibido como um bloco. Ele não aceita que outro elemento fique ao seu lado, então o próximo elemento será acomodado embaixo do primeiro.
O elemento inline-block é um bloco exibido em uma linha. Ele aceita modificação da sua largura e altura diferente do inline.
Então quando temos um elemento com o comportamento block ele irá ocupar 100% da largura de nossa página, certo? E quando temos um elemento inline, ele irá ocupar somente o espaço do elemento, por exemplo uma imagem, correto??
Isso mesmo.
Obrigado Fernanda!