2.4 KiB
title | localeTitle |
---|---|
Alignment | Alinhamento |
Alinhamento
O alinhamento tipográfico altera o fluxo de texto em um documento. Os designers podem usar essa ferramenta poderosa para aprimorar sutilmente a apresentação do texto, dando-lhe forma visual e contexto.
Experimente o alinhamento para encontrar novas combinações visuais empolgantes que destacam seu conteúdo. Certifique-se de testar erros de alinhamento em diferentes dispositivos e navegadores.
Use CSS para alinhar o texto sempre que possível. Você pode encontrar tags de alinhamento HTML (por exemplo, <p align="right"></p>
ou <center></center>
), mas elas estão obsoletas no HTML 5.
Texto justificado à esquerda
Padrão, text-align: left;
Em caso de dúvida, o tipo padrão de justificativa de texto geralmente é a melhor escolha. Especialmente para artigos ou longos blocos de texto, o texto justificado à esquerda é mais fácil de ler, já que as bordas irregulares à direita fornecem contexto visual para ajudar os leitores a manter seu lugar enquanto seus olhos mudam de linha para linha.
Use para:
- Texto de corpo
- Mais tudo mais
Texto justificado à direita
text-align: right;
Texto justificado à direita e à esquerda pode ser útil como um tempero visual, mas é mais difícil de ler em trechos longos do que o texto justificado à esquerda.
Pode ser usado para:
- Legendas
- Navegação
- Sidebars
- Citações
Texto Centrado
text-align: center;
Use texto centralizado para atrair os olhos dos leitores para pontos de ênfase (por exemplo, títulos, títulos de páginas, rodapés). Não use texto centralizado para longos blocos de texto, pois é extremamente cansativo de ler.
Pode ser usado para:
- Cabeçalhos
- Título da página
- Navegação
- Sidebars
- Legendas
- Citações
- Rodapés
Texto justificado
text-align: justify;
Texto com justificativa completa é complicado de recomendar para o corpo do texto, pois grandes lacunas podem aparecer entre as palavras em algumas linhas. No entanto, desgionadores habilidosos podem fazer uso bonito dele.
Pode ser usado para:
- Legendas
- Notas abertas