Bem, ando aqui com uns problemas e ja segui um monte de dicas, inclusive tentei usar as spans dentro de LI's, mas nada ta a resultar como quero, de momento está assim:
![Imagem Colocada]()
as spans nao teem tamanho definido, a DIV parent tem 100% de largura, o que eu queria era alinhar as 3spans, a 1a a esquerda, a 2a ao centro e a 3a á esquerda.
Quanto a codigo o que tenho:
html
Código (HTML):
Código (CSS):
alguma fix/tip/tutorial?
cumpz![;)]()
as spans nao teem tamanho definido, a DIV parent tem 100% de largura, o que eu queria era alinhar as 3spans, a 1a a esquerda, a 2a ao centro e a 3a á esquerda.
Quanto a codigo o que tenho:
html
Código (HTML):
<div class="buttons">
<span>Gosto</span>
<span>Favorito</span>
<span>Download</span>
</div>
css<span>Gosto</span>
<span>Favorito</span>
<span>Download</span>
</div>
Código (CSS):
.buttons {
display: inline-block;
width: 100%;
margin-top: 5px;
}
.buttons > span {
margin: 0 2px;
padding: 0.45em 0.158em;
}
.buttons > span:first-child {
margin-left: 0;
}
.buttons > span:last-child {
margin-right: 0;
}
display: inline-block;
width: 100%;
margin-top: 5px;
}
.buttons > span {
margin: 0 2px;
padding: 0.45em 0.158em;
}
.buttons > span:first-child {
margin-left: 0;
}
.buttons > span:last-child {
margin-right: 0;
}
alguma fix/tip/tutorial?
cumpz
