Alinhamento do Texto

Parte da seção Estilização com CSS do Journey de HTML da Coddy. Lição 21 de 76.

Em CSS, a propriedade text-align é usada para controlar o alinhamento horizontal do texto dentro de um elemento HTML.

Valores comuns para text-align incluem:

left: Alinha o texto à esquerda. Este é o alinhamento padrão para a maioria dos textos.

right: Alinha o texto à direita.
center: Centraliza o texto horizontalmente dentro do elemento.

Por exemplo:

p {
    text-align: left;
}

h1 {
    text-align: center;
}

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

Desafio

Fácil

Você recebeu um documento HTML com um cabeçalho (<h1>), um parágrafo (<p>) e uma divisão (<div>). Sua tarefa é usar a propriedade text-align para estilizar esses elementos. Siga os passos abaixo:

Escreva uma regra CSS que tenha como alvo o elemento <h1>. Defina o text-align como center.
Escreva uma regra CSS que tenha como alvo o elemento <p>. Defina o text-align como right.
Escreva uma regra CSS que tenha como alvo o elemento <div>. Defina o text-align como left.

Experimente você mesmo

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