Подреждане на div елементи хоризонтално един до друг

14:00:34 часа на  7 февруари 2011 Visited: 7527, Today: 1

Код:

<style type="text/css" media="screen">
  #foo { background: red; overflow-y: hidden; height: 50px; }
  .bar { background: blue; width: 30px; height: 30px; float: left; margin: 10px; }
</style>
<div id="foo">
        <div class="bar"></div>
        <div class="bar"></div>
        <div class="bar"></div>
        <div class="bar"></div>
        <div class="bar"></div>
        <div class="bar"></div>
</div>

Демонстрация:

Прочетено от тук.