Propriedade text-align
A propriedade text-align é utilizada para definir o alinhamento horizontal do texto dentro de um elemento.
Valor da propriedade text-align
left: Alinha o texto à esquerda.right: Alinha o texto à direita.center: Centraliza o texto horizontalmente.justify: Justifica o texto, distribuindo uniformemente os espaços entre as palavras, exceto a última linha.
Exemplos
Alinhamento à esquerda
.paragrafo-esquerda {
text-align: left; /* Alinha o texto à esquerda */
}
.div-esquerda {
text-align: left; /* Também aplicável a outros elementos, como divs */
}Alinhamento à direita
.paragrafo-direita {
text-align: right; /* Alinha o texto à direita */
}
.div-direita {
text-align: right; /* Também aplicável a outros elementos, como divs */
}Texto centralizado
.titulo-centralizado {
text-align: center; /* Centraliza o texto horizontalmente */
}
.div-centralizada {
text-align: center; /* Também aplicável a outros elementos, como divs */
}Texto justificado
.paragrafo-justificado {
text-align: justify; /* Justifica o texto */
}