Propiedad text-align

La propiedad text-align establece la alineación del texto: a la izquierda, a la derecha, al centro, o justificado (a izquierda y derecha simultáneamente).

Sintaxis

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

Valores

Valor	Descripción
`center`	El texto se alineará al centro.
`left`	El texto se alineará a la izquierda.
`right`	El texto se alineará a la derecha.
`justify`	El texto se alineará de forma justificada, es decir, tanto por el margen derecho como por el izquierdo.
`auto`	No cambia la alineación del elemento (valor por defecto).
`start`	Equivale a `left` si el texto fluye de izquierda a derecha, y a `right`, cuando el texto fluye de derecha a izquierda (como en árabe, etc.).
`end`	Equivale a `right` si el texto fluye de izquierda a derecha y a `left`, cuando el texto fluye de derecha a izquierda.

Valor por defecto: auto. En la mayoría de los casos, por defecto, el texto está alineado a la izquierda (en árabe, a la derecha). Sin embargo, hay excepciones, por ejemplo, el texto en th estará alineado al centro.

Ejemplo . Valor left

<p>
	some long text
</p>

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

Ejemplo . Valor right

<p>
	some long text
</p>

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

Ejemplo . Valor center

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

p {
	text-align: center;
}

Ejemplo . Valor justify

<p>
	some long text
</p>

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