DEV Community

Cover image for Parágrafos em HTML
Francisco Chaves
Francisco Chaves

Posted on • Updated on

Parágrafos em HTML

Olá pessoal, hoje vamos conhecer como criamos parágrafos em HTML.

A tag p é a responsável por criar parágrafos, essa tag é display block, ou seja, ocupa toda a largura da tela.

Para criamos parágrafos:

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae ligula sem.</p>
Enter fullscreen mode Exit fullscreen mode

Se precisamos quebra o texto, utilizamos a tag br (break):

<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br>
Donec vitae ligula sem.
</p>
Enter fullscreen mode Exit fullscreen mode

Podemos observar que a tag br é self closing ou seja não precisamos utilizar uma tag de fechamento.

Um atributo interessante para utilizar com a tag p é o atributo align.

Alinha o texto à esquerda (padrão):

<p align="left">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
Enter fullscreen mode Exit fullscreen mode

Alinha o texto à direita:

<p align="right">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
Enter fullscreen mode Exit fullscreen mode

Alinha o texto ao centro:

<p align="center">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)