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.

Pix meutedio arroba mail ponto com

4 comentários:

  1. O uso de div é sempre bom para organizar o conteúdo.

    ResponderExcluir
  2. Helen,
    sempre encontro o que preciso, e este post foi apenas mais um! Obrigado!

    ResponderExcluir
  3. Muito obrigado!
    Fartei me de pesquisar para conseguir centar o texto no Tumblr

    ResponderExcluir
    Respostas
    1. Esse código para centralizar está desatualizado e vai parar de funcionar a qualquer momento. Use o código do post Alinhar imagens com CSS. Foquei em imagens, mas serve para qualquer elemento.

      Excluir

Todos os comentários são moderados pela autora do blog.