Allineamento del testo

Fa parte della sezione Stilizzare con CSS del percorso HTML di Coddy. Lezione 21 di 76.

In CSS, la proprietà text-align viene utilizzata per controllare l’allineamento orizzontale del testo all’interno di un elemento HTML.

I valori comuni per text-align includono:

left: Allinea il testo a sinistra. Questo è l'allineamento predefinito per la maggior parte del testo.

right: Allinea il testo a destra.
center: Centra il testo orizzontalmente all'interno dell'elemento.

Per esempio:

p {
    text-align: left;
}

h1 {
    text-align: center;
}

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

Sfida

Facile

Ti viene fornito un documento HTML con un'intestazione (<h1>), un paragrafo (<p>) e un elemento div (<div>). Il tuo compito è usare la proprietà text-align per definire lo stile di questi elementi. Segui i passaggi seguenti:

Scrivi una regola CSS che selezioni l'elemento <h1>. Imposta text-align su center.
Scrivi una regola CSS che selezioni l'elemento <p>. Imposta text-align su right.
Scrivi una regola CSS che selezioni l'elemento <div>. Imposta text-align su left.

Provalo tu

<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>