title: inline block with pintrest like boards
body: <p>I want the inner div to flow to top automatically.Like <strong>Pintrest UI</strong></p>
  
  <p><a href="http://jsfiddle.net/zbbHc/127/" rel="nofollow">http://jsfiddle.net/zbbHc/127/</a></p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
  &lt;div class="iB"&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;&lt;/div&gt;
  &lt;div class="iB"&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;&lt;/div&gt;
  &lt;div class="iB"&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;&lt;/div&gt;
  &lt;div class="iB"&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;&lt;/div&gt;
  &lt;div class="iB"&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;&lt;/div&gt;
  &lt;div class="iB"&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;&lt;/div&gt;
  &lt;div class="iB"&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;Content&lt;br&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.wrapper {
  width: 100%;
  background: red;
  text-align: center;
  }
  
  .iB {
  display:inline-block;
  vertical-align:top;
  width: 200px;
  
  background: green;
   }
  </code></pre>