title: positioning a div without using absolute
body: <p>I'm trying to replicate something like this.
  <a href="http://tsawines.com/craft-beer-cider-wine-news/" rel="nofollow noreferrer">http://tsawines.com/craft-beer-cider-wine-news/</a></p>
  
  <p>is there a way for me to achieve it without using absolute.
  not really good with css.</p>
  
  <p>I've created fiddle for you to play.
  this is what I've done so far.
  <a href="http://jsfiddle.net/NGj7F/751/" rel="nofollow noreferrer">http://jsfiddle.net/NGj7F/751/</a></p>
  
  <p>I'm actually looping the div depends on the result of the query.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="box" style="height:50px;"&gt;
  a 
  &lt;/div&gt;
  &lt;div class="box" style="height:30px;"&gt;
  b
  &lt;/div&gt;
  &lt;div class="box" style="height:80px;"&gt;
  c
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.box{
  border:1px solid green;
  width:25%;
  float:left;
  margin:10px;
  }
  </code></pre>
  
  <p>Thanks</p>