codice:
<style>
#contenitore{
  width:1200px;
  height:100px;
}

#contenitore div{
  float:left;
  width:300px;
  height:100px;
}
</style>


<div id="contenitore">
  <div style="background-color: #333333">ciao</div>
  <div style="background-color: #666666">ciao</div>
  <div style="background-color: #999999">ciao</div>
  <div style="background-color: #CCCCCC">ciao</div>
</div>
Serve il div contenitore (con width la somma dei div interni) affinchè non vadano accapo superata la larghezza della pagina.

Se il risultato non è come lo volevi, chiedi pure.