title: divs without height - how to make them stick and avoid whitespace
body: <p><strong><a href="http://jsfiddle.net/8hHA2/" rel="nofollow">Demo Link</a></strong></p>
  
  <p><strong>CSS:</strong>     </p>
  
  <pre><code>.box {
      width: 150px;
      vertical-align: top;
      padding: 30px;
      margin: 3px;
      overflow: hidden;
      margin-top: 3px;
      display: inline;
      float: left;
      border: 1px solid black;
  }
  </code></pre>
  
  <p>i am trying to align these divs to stick , no luck .
  how can we make it so that they stick to the previous div</p>