title: fluid divs with CSS
body: <p>recently I have came across this website, <code>http://www.zergnet.com/</code>, and I am really interested to know how they have the <code>divs</code> all next to each other even when each one has different height.I tried this code just to generate some random <code>divs</code> with different heights, but they all would leave empty space above them. How can I fix this so they would have only 5px from the top?. How can I fix this code to get the same effect as in the website ?</p>
  
  <pre><code>    &lt;?php
      for($x = 10; $x &gt; 0; $x--){
      $rand = rand(200, 300);
      echo '&lt;div 
             style="
             margin: 0 5px 10px 5px;
             width:200px; height:'.$rand.'px;
             background-color:red;
             width: 260px;
             float: left;"&gt;
  &lt;img src="https://www.google.com/images/srpr/logo4w.png" width="260" height="'.$rand.'"&gt;&lt;/div&gt;';}?&gt;
  </code></pre>