Divisão da esquerda.

Há poucas réguas que você pode seguir para fazer páginas estruturando com a Tag <div> um pouco mais simples. Estas réguas aplicam-se quando você está tentando colocar horizontalmente 2 ou mais divisões junto a se na mesma página. (como mostrado abaixo)

Divisão 1

Divisão 2

Coloque a divisão para a esquerda usando: float : left; verifique o código abaixo:

<div STYLE="float : left; width :50%; height:500px; background-color :#DFDFDF">text</div>

Divisão da direita.

1. Não coloque bordas em divisões adjacentes.
2. Não ajuste margens para divisões adjacentes.
3. Ajuste o espaçamento e as margens para elementos dentro da divisão.
4. Coloque <br clear="all"> uma Tag abaixo da última divisão adjacente.
5. Utilize porcentagens na largura se você deseja ajustar sua página ao navegador.
6. Para igualar colunas use ajustes absolutos (fixos) na altura.

Coloque a divisão para a direita usando: float : left; verifique o código abaixo:

<div STYLE="float : left; width :50%; height:500px; background-color :#BFBFBF">text</div>

Voltar para a Tag da divisão