CSS - alineación de texto

Descripción

La propiedad text-align determina la forma en que los cuadros de línea se alinean dentro de un elemento a nivel de bloque.

Valores posibles

left - El borde izquierdo de cada cuadro de línea está alineado con el borde izquierdo del área de contenido del elemento a nivel de bloque.
right - El borde derecho de cada cuadro de línea está alineado con el borde derecho del área de contenido del elemento a nivel de bloque.
center - El centro de cada cuadro de línea está alineado con el centro del área de contenido del elemento a nivel de bloque.
justify - Los bordes de cada cuadro de línea deben alinearse con los bordes del área de contenido del elemento a nivel de bloque.
string - El contenido de las celdas de una columna se alineará con la cadena dada.

Se aplica a

Todos los elementos a nivel de bloque (excepto el valor <cadena>, que se aplica solo a las celdas de la tabla).

Sintaxis DOM

object.style.textAlign = "justify";

Ejemplo

A continuación se muestra el ejemplo que demuestra cómo alinear un texto:

<html>
   <head>
   </head>

   <body>
      <p style = "text-align:right;">
         This will be right aligned.
      </p>
      
      <p style = "text-align:center;">
         This will be center aligned.
      </p>
      
      <p style = "text-align:left;">
         This will be left aligned.
      </p>
   </body>
</html>

Esto producirá el siguiente resultado:

↰ Previous page