Propriedade text-align

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

Sintaxe

cssseletor {
  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

html<p>
  some long text
</p>

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

Результат:

Exemplo . Valor right

html<p>
  some long text
</p>

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

Результат:

Exemplo . Valor center

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

cssp {
  text-align: center;
}

Результат:

Exemplo . Valor justify

html<p>
  some long text
</p>

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

Результат: