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

Quer acompanhar as novidade do site?
Veja também:

Como riscar texto com css?

Riscar texto com CSS

Como embutir código PHP em arquivos CSS?

manipular CSS com PHP

Como sublinhar no whatsapp?

sublinhar no whatsapp

Como limitar tamanho de texto no css?

limitar tamanho texto com css

Como dar espaço em html?

espaço em html

Como colocar ícone no site?

Colocar icone no site

Web Stories