Alinhar Elementos
Wednesday, 08-02-2006 # 20:01 Comentários 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=""/>





349 Páginas« Primeira«334335336337338339340341»Última »