•  
     

HTML Alinhamento de parágrafos

Primeiro vamos descrever cada tag:

Código: Selecionar todos

<p>
abre um parágrafo.

Código: Selecionar todos

</p>
fecha um parágrafo

Código: Selecionar todos

align=""
adiciona um atributo ao parágrafo.
Portanto usamos essa tag dentro da tag que abre o parágrafo ficando desta forma :

Código: Selecionar todos

<p align=""> www.gurubr.com </p>


Alguns atributos para align

Código: Selecionar todos

align="left"

Texto fica à esquerda.

Código: Selecionar todos

align="center"

Texto fica centralizado.

Código: Selecionar todos

align="right"

Texto fica à direita.

Código: Selecionar todos

align="justify"

Texto fica justificado:

Exemplo:

Código: Selecionar todos

<html>
<head>
<title> Alinhamento de parágrafos guruBR.com</title>
</head>
<body>
<p align="center"> Este parágrafo está no centro </p>
<p align="left"> Este parágrafo está na esquerda </P>
<p align="right"> Este parágrafo está na direita </p>
<p align="justify"> Este texto está justificado </p>
</body>
</html>

Como fica :
teste.JPG


Cole no bloco de notas e salve como Alinhamento de parágrafos.html
Abra e veja como fica !
 
Boa, ótimo tópico!