Alineación de texto

Parte de la sección Styling with CSS del Journey de HTML de Coddy — lección 21 de 76.

En CSS, la propiedad text-align se utiliza para controlar la alineación horizontal del texto dentro de un elemento HTML.

Los valores comunes para text-align incluyen:

left: Alinea el texto a la izquierda. Esta es la alineación predeterminada para la mayoría del texto.

right: Alinea el texto a la derecha.
center: Centra el texto horizontalmente dentro del elemento.

Por ejemplo:

p {
    text-align: left;
}

h1 {
    text-align: center;
}

.right-align {
    text-align: right;
}

Desafío

Fácil

Se te proporciona un documento HTML con un encabezado (<h1>), un párrafo (<p>) y una división (<div>). Tu tarea es utilizar la propiedad text-align para dar estilo a estos elementos. Sigue los pasos a continuación:

Escribe una regla CSS que apunte al elemento <h1>. Establece el text-align en center.
Escribe una regla CSS que apunte al elemento <p>. Establece el text-align en right.
Escribe una regla CSS que apunte al elemento <div>. Establece el text-align en left.

Hoja de referencia

La propiedad text-align controla la alineación horizontal del texto dentro de un elemento.

Valores comunes:

left: Alinea el texto a la izquierda (por defecto)
right: Alinea el texto a la derecha
center: Centra el texto horizontalmente

p {
    text-align: left;
}

h1 {
    text-align: center;
}

.right-align {
    text-align: right;
}

Pruébalo tú mismo

<html>
<head>
    <title>Text Alignment</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading. </h1>
    <p>This is a paragraph.</p>
    <div>This is a division. </div>
</body>
</html>