Como colocar tags DIV próximas umas das outras

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.

Referências

 

Você pode estar interessado:

Deixe um comentário