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

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

html<p>
  some long text
</p>

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

Результат:

Ejemplo . Valor right

html<p>
  some long text
</p>

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

Результат:

Ejemplo . Valor center

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

cssp {
  text-align: center;
}

Результат:

Ejemplo . Valor justify

html<p>
  some long text
</p>

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

Результат: