Divs uma ao lado da outra

[mows 0]

Bom dia pessoal.Estou querendo fazer um layout na horizontal, colocando várias div's uma ao lado da outra.Fiz um código mas a terceira div fica sobre a segunda e assim por diante.Alguem poderia me ajudar?Obrigado.

[vagner.net 0]

Define a propriedade display como inline, via CSS ou através do style do elemento.

 

<div style="background-color:Blue;display:inline"	>DIV</div><div style="background-color:Green;display:inline"  >DIV</div><div style="background-color:Gray;display:inline"	>DIV</div><div style="background-color:Lime;display:inline"	>DIV</div>

OK..!!?? T+...

[mows 0]

Obrigado Vagner.[]s

[André do Vale 76]

Dica, não faça CSS "embutido" no elemento.

 

Sempre separe o arquivo CSS, do código, atribua uma classe de preferência se a mesma repetir.

Em caso de estilo único, pode usar id.

 

Lembrando, classe usa ponto (.classe) e id usa "jogo da velha" (#id).

 

 

Bom, nesse seu caso, você poderá simplesmente definir float left para todos os elementos por exemplo.

 

Mas lembrando de deixá-los na ordem que você quer que apareça.

 

.divum {float: left;}.divdois {float:left;}.divtres {float:left;}.divquatro{float:left;}

 

Espero ter ajudado, abraços!

[mows 0]

Muito obrigado Alkaeda.[]s