6
respostas

O atributo "Text-align" funciona para qualquer elemento ou apenas para textos??

Pessoal, gostaria de saber se o atributo "text-align" funciona para qualquer elemento da página, Exemplo: Imagens, div Ou funciona somente para textos??

6 respostas

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. Imagem demonstrando como ficam os elementos exibidos nos modelos block, inline e inline-block

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!