Busca

Carregando...

sábado, 31 de janeiro de 2009

Alinhamento de texto

nivel
Seus textos estão bem alinhados?

Mais um tutorial de HTML e CSS muito simples e necessário que todos poderão aplicar em seus blogs.

Texto centralizado

Centralizando com a tag center:
<center>Centralizando com a tag center.</center>

Centralizando com align:
<div align="center">Centralizando com align.</div>

Centralizando com text-align:
<div style='text-align:center;'>Centralizando com text-align.</div>

Texto alinhado à direita

Alinhado com align:
<div align="right">Alinhado com align.</div>

Alinhado com text-align:
<div style='text-align:right;'>Alinhado com text-align.</div>

Texto alinhado à esquerda

Alinhado com align:
<div align="left">Alinhado com align.</div>

Alinhado com text-align:
<div style='text-align:left;'>Alinhado com text-align.</div>

Texto justificado

Justificado com align. Justificado com align. Justificado com align. Justificado com align. Justificado com align. Justificado com align. Justificado com align. Justificado com align. Justificado com align:
<div align="justify">Justificado com align.</div>

Justificado com text-align. Justificado com text-align. Justificado com text-align. Justificado com text-align. Justificado com text-align. Justificado com text-align. Justificado com text-align. Justificado com text-align:
<div style='text-align:justify;'>Justificado com text-align.</div>

Exemplo na folha de estilos

.post div, p {text-align:justify;}
#comments {text-align:left;}
#post-comment-link .comment-link {text-align:center;}
blockquote {text-align:right;}
]]></b:skin>

Pratique alinhamento e melhore a qualidade visual de seus posts.

Posts relacionados