Alineación de texto con text-align en CSS

En CSS, el atributo text-align es una herramienta fundamental para controlar la alineación del texto dentro de elementos HTML. Con text-align, puedes especificar si deseas que el texto esté alineado a la izquierda, derecha, centrado o justificado.

Veamos un ejemplo sencillo de cómo usar text-align en CSS:

<style>
    .centrado {
        text-align: center;
    }
    .derecha {
        text-align: right;
    }
    .justificado {
        text-align: justify;
    }
</style>

En este ejemplo, hemos creado tres divisiones (div) con las clases "centrado", "derecha" y "justificado". Cada una de estas clases aplica un estilo de alineación diferente al texto dentro de las divisiones correspondientes.

• La clase "centrado" utiliza text-align: center; para centrar el texto.
• La clase "derecha" utiliza text-align: right; para alinear el texto a la derecha.
• La clase "justificado" utiliza text-align: justify; para justificar el texto, lo que distribuye el espacio entre palabras de manera uniforme para que el texto llene toda la línea.

El uso de text-align en CSS te brinda flexibilidad para controlar cómo se muestra el texto en tu página web, ya sea para centrarlo, alinearlo a la derecha o justificarlo para una apariencia más pulida y profesional.

¡Prueba estos ejemplos en tus propios proyectos CSS y observa cómo text-align puede mejorar la presentación de tu contenido!