Como alinhar o texto no CSS?

Alinhar texto CSS

Usa text-align para isso.

A propriedade text-align tem 5 parâmetros de alinhamento: left, right, center, justify e inherit.

Descrição
Código CSS
Exemplo

Descrição


left: alinha o texto a esquerda.
right: alinha o texto a direita.
center: centraliza o texto.
justify: centraliza o texto e ocupa todo o espaço da linha.
inherit: o elemento herda o valor do elemento pai.

CSS


.texto-esquerda{
    text-align: left;
}

.texto-direita{
    text-align: right;
}

.texto-centralizado{
    text-align: center;
}
.texto-justificado{
    text-align: justify;
}
.texto-herdado{
    text-align: inherit;
}

Exemplo


Texto alinhado a esquerda.


Texto alinhado a direita.


Texto centralizado.


Texto justificado.


Texto herdado.


Quer acompanhar as novidade do site?

Leia mais em: ss-tricks.com/almanac/propert...

Como alinhar o texto no CSS?

Última atualização: 2023-02-15

Palavras-Chaves