Em HTML, algumas situações exigem que o conteúdo continue em uma nova linha sem criar um novo parágrafo.
Para isso utilizamos o elemento <br>, conhecido como quebra de linha.
A tag <br> significa "break line" ou quebra de linha.
Ela não possui fechamento, sendo um elemento vazio.
<br>
<p>
Olá!
<br>
Seja bem-vindo ao curso.
</p>
| Elemento | Função |
|---|---|
| <p> | Cria um novo parágrafo com espaçamento. |
| <br> | Apenas muda a linha do texto. |
Um dos usos mais comuns da quebra de linha é organizar endereços.
<p>
Rua das Flores, 100
<br>
São Paulo - SP
<br>
Brasil
</p>
Textos onde a quebra visual faz parte da estrutura podem utilizar <br>.
<p>
Primeira linha
<br>
Segunda linha
<br>
Terceira linha
</p>
<p>
Email: contato@empresa.com
<br>
Telefone: (12) 99999-9999
</p>
Muitos iniciantes utilizam vários <br> para criar espaços grandes na página.
<br>
<br>
<br>
Espaço criado manualmente
p {
margin-bottom: 20px;
}
O CSS controla o visual enquanto o HTML mantém a estrutura correta.
| Forma | Resultado |
|---|---|
| Vários <br> | Espaçamento manual e difícil manutenção. |
| CSS | Layout organizado e profissional. |
| Tag | Descrição |
|---|---|
| <br> | Quebra uma linha. |
| <p> | Cria um novo parágrafo. |