Curso de HTML5 + CSS3

Tipos de alinhamento de textos

Nesse exercício, vamos definir quatro tipos de alinhamento. Abra o código-fonte desta página e veja como é simples.

Alinhamento Padrão (à esquerda)

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Debitis eveniet sunt temporibus quod, blanditiis quisquam. Hic perspiciatis voluptates commodi. Inventore exercitationem maiores eum minus eaque fugit, consectetur neque facere molestiae excepturi reiciendis! Veritatis illo corporis, cupiditate, ut magni cumque, laudantium ratione deserunt debitis nihil molestias?

Alinhamento à Direita

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Debitis eveniet sunt temporibus quod, blanditiis quisquam. Hic perspiciatis voluptates commodi. Inventore exercitationem maiores eum minus eaque fugit, consectetur neque facere molestiae excepturi reiciendis! Veritatis illo corporis, cupiditate, ut magni cumque, laudantium ratione deserunt debitis nihil molestias?

Alinhamento ao Centro

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Debitis eveniet sunt temporibus quod, blanditiis quisquam. Hic perspiciatis voluptates commodi. Inventore exercitationem maiores eum minus eaque fugit, consectetur neque facere molestiae excepturi reiciendis! Veritatis illo corporis, cupiditate, ut magni cumque, laudantium ratione deserunt debitis nihil molestias?

Alinhamento Justificado (alinhado à esquerda e à direita) e com text-indent

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Debitis eveniet sunt temporibus quod, blanditiis quisquam. Hic perspiciatis voluptates commodi. Inventore exercitationem maiores eum minus eaque fugit, consectetur neque facere molestiae excepturi reiciendis! Veritatis illo corporis, cupiditate, ut magni cumque, laudantium ratione deserunt debitis nihil molestias?