08
Feb
2006
Wednesday # 20:01 166 palavras
Arquivado em: Html & Xhtml, Tutoriais
Por tamara 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;
}
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=""/>
Marquee »

Tamara, casada há 8 anos com
, paulistana, mora em
20/03 - Início do Outono
