Propriedade text-align

A propriedade text-align define o alinhamento do texto: à esquerda, à direita, ao centro, ou justificado (alinhado à esquerda e à direita simultaneamente).

Sintaxe

seletor {
	text-align: center | left | right | justify | auto | start | end;
}

Valores

Valor	Descrição
`center`	O texto será alinhado ao centro.
`left`	O texto será alinhado à esquerda.
`right`	O texto será alinhado à direita.
`justify`	O texto será justificado, alinhado tanto à esquerda quanto à direita.
`auto`	Não altera o alinhamento do elemento (valor padrão).
`start`	Equivale a `left` se o texto for da esquerda para a direita, e a `right`, quando o texto for da direita para a esquerda (como em árabe, etc.).
`end`	Equivale a `right` se o texto for da esquerda para a direita e a `left`, quando o texto for da direita para a esquerda.

Valor padrão: auto. Na maioria dos casos, por padrão, o texto é alinhado à esquerda (em árabe - à direita). No entanto, há exceções, por exemplo, o texto em th será alinhado ao centro.

Exemplo . Valor left

<p>
	some long text
</p>

p {
	text-align: left;
	width: 400px;
}

Exemplo . Valor right

<p>
	some long text
</p>

p {
	text-align: right;
	width: 400px;
}

Exemplo . Valor center

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: center;
}

Exemplo . Valor justify

<p>
	some long text
</p>

p {
	text-align: justify;
	width: 400px;
}