Alineación de texto de CSS

Alineación de texto

text-align La propiedad se utiliza para establecer el alineamiento horizontal del texto.

El texto puede alinearse a la izquierda, a la derecha o estar centrado.

El siguiente ejemplo muestra el alineamiento de texto centrado y alineado a la izquierda y derecha (si la dirección del texto es de izquierda a derecha, se alinea por defecto a la izquierda; si la dirección del texto es de derecha a izquierda, se alinea a la derecha):

Ejemplo

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

Prueba personalmente

cuando text-align Al establecer la propiedad en "justify", se estira cada línea para que cada una tenga un ancho igual, y los márgenes laterales son rectos (como en revistas y periódicos):

Ejemplo

div {
  text-align: justify;
}

Prueba personalmente

Dirección del texto

direction y unicode-bidi La propiedad se puede usar para cambiar la dirección del texto del elemento:

Ejemplo

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Prueba personalmente

Alineamiento vertical

vertical-align Configura el alineamiento vertical del elemento.

Este ejemplo muestra cómo establecer el alineamiento vertical de la imagen en el texto:

Ejemplo

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

Prueba personalmente