Os elementos de estilo HTML oferecem a possibilidade de criar designs da Web ricos e impressionantes, que não se limitam à configuração de uma tabela tradicional. Por exemplo, se você possui dois contêineres com alturas verticais diferentes e deseja colocá-los próximos um do outro, não precisa lidar com as limitações e os problemas de compatibilidade do navegador inerentes a uma célula que se estende por várias linhas. Usando um elemento de estilo “flutuante” (boyar), você pode colocar dois contêineres DIV próximos um do outro.
Passo 1
Abra a página da Web com os contêineres DIV que você deseja colocar próximos um do outro no seu editor de texto favorito.
Etapa 2
Adicione o seguinte código ao rótulo do primeiro contêiner DIV na seqüência em que você deseja colocar um ao lado do outro: style = “float: left”
Etapa 3
Repita a etapa 2 com os rótulos dos demais recipientes DIV na sequência.