21 de agosto de 2007

Como usar a propriedade Float

Um elemento pode estar 'flutuando' à esquerda ou à direita com uso da propriedade float. Isto significa que todo o conteúdo de um elemento com a propriedade float serão deslocados para a direita ou para a esquerda do "elemento pai".




A propriedade float



A propriedade float permite que você posicione um objeto a direita ou a esquerda de outro, por exemplo, o código abaixo cria uma pagina com 2 caixas coloridas, uma na esquerda e outra na direita.



<div style="float: left; width: 50%; height: 100px; background-color: blue;"></div>
<div style="float: right; width: 50%; height: 100px; background-color: purple;"></div>


Float: center; não existe


Não me pergunte porque isso nunca foi implementado em nenhum css, mas podemos criar o mesmo efeito de uma outra maneira, apenas mexendo na propriedade margin dos elementos:



<div style="margin-left: auto; margin-right: auto;">Essa div ficara centralizada</div>


Mais sobre float:
Tags:

0 comentários: