Quarta-feira, 08-02-2006 # 20:01 Html & Xhtml, Tutoriais 166 palavras

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=""/>








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


Nenhum comentário em “Alinhar Elementos” -