tutoriais category image
Alinhar Elementos
Wednesday 08/02/2006 às 20:01 | Arquivado em: ,

Essa é a maneira correta de alinhar elementos usando os padrões aceitos em XHTML Strict 1.0

Adicione após a tag style ou ao seu arquivo style.css:

.center {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.left {
float: left;
margin: 1px 4px 0 4px;
}
.right {
float: right;
margin: 1px 4px 0 4px;
}

Textos e demais elementos:

01. Esquerda

<p class="left"> seu texto</p>

02. Direita

<p class="right"> seu texto</p>

03. Centralizar

<p class="center"> seu texto</p>

Imagens

01. Esquerda

<img src="http://www.site.com/imagem.gif" class="left" alt=""/>

02. Direita

<img src="http://www.site.com/imagem.gif" class="right" alt=""/>

03. Centralizar

<img src="http://www.site.com/imagem.gif" class="center" alt=""/>

Posts Relacionados




Nenhum comentário em “Alinhar Elementos”


Comentar


Os comentários desse blog são MODERADOS, portanto só serão publicados após a minha aprovação. Comentários com propagandas e divulgações não serão aprovados. Obrigada.





38 37 36 35 34 33 32 31 30 29 28 27 26 25 24 23 21 20 19 18 17 16 15 14 13 12 11 10 9 8 6 5 4 3 2 1