title: How to make divs floating next to one another?
body: <p>Aim : I want to make my divs floating next to one another like this. </p>
  
  <p><a href="http://jsfiddle.net/x8Abc/1/" rel="nofollow">http://jsfiddle.net/x8Abc/1/</a></p>
  
  <pre><code>.post {
     float:left;
     padding:10px;
     margin:5px;
     border:1px solid #000;
     width:25%;
  }
  </code></pre>
  
  <p>Problem : when I have a content which of of more length in an in between div, then it is pushing the div below it to side like this. </p>
  
  <p><a href="http://jsfiddle.net/W3afJ/" rel="nofollow">http://jsfiddle.net/W3afJ/</a></p>
  
  <pre><code>.post {
     float:left;
     padding:10px;
     margin:5px;
     border:1px solid #000;
     width:25%;
  }
  </code></pre>
  
  <p>How can I achieve a uniform well packed layout like jsfiddle.net/x8Abc/1/ ?</p>