Lager placerade i sidled?

Hur gör man för att få sina lager placerade i sidled? Utan att behöva ange en exakt position. Som standard kommer ju varje ny div under den förra.

      <style>
         #content {
            border: 1px solid #f00;
            position: absolute;
         }
         .box {
            width: 100px;
            height: 100px;
            border: 1px solid #00f;
            margin: 2px;
         }
      </style>

   <div id="content">
      <div class="box"></div>
      <div class="box"></div>
      <div class="box"></div>
      <div class="box"></div>
   </div>

.box { float:left; }

?

Klockrent!

Tusen tack för det snabba svaret!