Alineación de texto en CSS

CSS abreviatura de hojas de estilo en cascada se utiliza para manipular elementos de una página web escrita en HTML o XML para mejorar su apariencia. CSS consta de una amplia gama de propiedades que se utilizan para modificar el color, el tamaño, la alineación de un elemento, etc. Sin embargo, este artículo está diseñado para iluminar a sus lectores sobre la propiedad que ayuda a alinear el texto en una página web.

Alineación de texto en CSS

Para alinear su texto con CSS, se utiliza la propiedad de alineación de texto. Esta propiedad alinea el texto horizontal. Se puede alinear un texto de las siguientes maneras diferentes;

1. Izquierda
2. Bien
3. Centro
4. Justificado

Si la dirección del texto es de izquierda a derecha, el texto se alineará de manera predeterminada, y si la dirección del texto es de derecha a izquierda, el texto se alineará de manera predeterminada.

Cómo dejar alinear texto

Para alinear el texto a la izquierda, establezca el valor de la propiedad de alineación de texto como a la izquierda. El siguiente ejemplo muestra la alineación del texto de la izquierda.

Este texto queda alineado.

Producción

La alineación del texto se ha establecido a la izquierda.

Cómo corregir el texto de alinear

Para alinear el texto a la derecha, establezca el valor de la propiedad de alineación de texto como correcto. El siguiente ejemplo muestra la alineación correcta del texto.

Este texto está correcto alineado.

Producción

El texto ha sido correcto alineado.

Cómo centrar el texto alinearse

Para alinear el texto al centro, establezca el valor de la propiedad de alineación de texto como centro. El siguiente ejemplo muestra la alineación central del texto.

Este texto está alineado en el centro.

Producción

El texto ha sido alineado en el centro.

Cómo justificar la alineación del texto

Para justificar la alineación del texto, establece el valor de la propiedad de alineación de texto como justificar. Cuando justifica la alineación del texto, cada línea se estira para tener el mismo ancho, además, los márgenes (izquierda y derecha) se establecen rectos. El ejemplo a continuación se demograta la alineación del texto justificado.

Esta alineación de texto está justificada.

Producción

La alineación del texto ha sido justificada.

Ahora, a veces nos encontramos con una situación en la que queremos alinear algún texto en lugar de todo el texto. Supongamos que desea alinear la última línea del texto y para eso, se utiliza la propiedad de alineación de texto.

TEXTA ALINEAR LAS ÚLTIMA PROPIEDAD

Como ya se mencionó, esta propiedad se usa alinee la última línea del texto.

Ejemplo
En el siguiente ejemplo, justificamos la alineación de la última línea del párrafo.

CSS abreviatura de hojas de estilo en cascada se utiliza para manipular elementos de una página web escrita en HTML o XML para mejorar su apariencia. CSS consta de una amplia gama de propiedades que se utilizan para modificar el color, el tamaño, la alineación de un elemento, etc.

Producción

La última línea del párrafo está justificada.

Conclusión

Uso de la propiedad de alineación de texto de CSS puede ajustar la alineación de su texto en un documento HTML. El texto en una página web se puede alinear de cuatro maneras diferentes que están; izquierda, derecha, centro y justificada. Además, la propiedad de texto-align se utiliza para alinear la línea de un párrafo. Este artículo destaca la propiedad de alineación de texto de CSS en profundidad con la ayuda de ejemplos apropiados.