Alinhamento de Texto

Parte da seção Styling with CSS do Journey de HTML da Coddy — lição 21 de 76.

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

Folha de consulta

A propriedade text-align controla o alinhamento horizontal do texto dentro de um elemento.

Valores comuns:

left: Alinha o texto à esquerda (padrão)
right: Alinha o texto à direita
center: Centraliza o texto horizontalmente

p {
    text-align: left;
}

h1 {
    text-align: center;
}

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

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>