Parágrafos no documento HTML

Tipografia / Tutorial HTML5

Como adicionar parágrafos no HTML?

Para adicionar parágrafos no HTML, utilize o elemento <p>. Cada parágrafo é envolvido com a tag de abertura <p> e a tag de fechamento </p>. Veja o exemplo abaixo:

TagExemploResultado
<p></p><p>Primeiro parágrafo.</p>
<p>Segundo parágrafo.</p>
<p>Terceiro parágrafo.</p>
Primeiro parágrafo.
Segundo parágrafo.
Terceiro parágrafo.

Como adicionar uma quebra de linha no texto HTML?

Para adicionar uma quebra de linha dentro de um parágrafo, utilize o elemento <br>. Este elemento adiciona uma quebra de linha, mas não inicia um novo parágrafo.

<p>O rato roeu <br> a roupa do rei <br> de roma.</p>

Lembre-se de que o HTML ignora quebras de linha com a tecla enter assim como o espaço branco extra:

<p>O rato roeu 
   a roupa do rei 
   de roma.</p>

Como alinhar um texto HTML?

O alinhamento do texto em HTML é realizado por meio de estilos CSS. A propriedade text-align controla o alinhamento do texto dentro de um elemento. Você pode aplicar estilos diretamente no elemento HTML usando o atributo style.

<p style="text-align: left">A. Um é bom.</p>
<p style="text-align: center">B. Dois é melhor...</p>
<p style="text-align: right">C. Três é demais!</p>