Estou de férias em setembro, por isso talvez não atualize toda semana.

Helen Fernanda

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.

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

Posts relacionados