📘 Aula 17 MD-2: Alinhamento de textos com CSS 📘

Introdução

O alinhamento de textos é essencial para a legibilidade e estética de qualquer site. Com CSS, você pode definir se o texto ficará alinhado à esquerda, à direita, centralizado ou justificado.

Nesta aula, vamos explorar a propriedade text-align com exemplos práticos e visuais.

Propriedade text-align

text-align define o alinhamento horizontal do texto em elementos de bloco (<p>, <div>, etc.).

Segue os exemplos na prática visual e em códigos

<p style="text-align: left;">
Texto alinhado à esquerda.
</p>

<p style="text-align: center;">
Texto centralizado.
</p>

<p style="text-align: right;">
Texto alinhado à direita.
</p>

<p style="text-align: justify;">
Texto justificado com bordas uniformes.
</p>

Dicas práticas de alinhamento

• Use left para textos em português, pois a leitura é naturalmente da esquerda para a direita.

• Centralize títulos ou frases de destaque para chamar atenção.

• Alinhamento à direita pode ser usado para legendas ou menus específicos.

• Justifique textos longos, mas cuidado com espaçamento irregular entre palavras.

• Combine alinhamento, tipografia e espaçamento para uma leitura confortável.

Resumo da Aula

• text-align controla o alinhamento horizontal do texto.

• Valores principais: left, center, right, justify.

• Escolha baseada em legibilidade e estética.

• Pratique aplicando diferentes alinhamentos em títulos, parágrafos e legendas.