title: "Chaining" blocks of different heights with display:inline-block
body: <p>To illustrate my problem : <a href="http://jsfiddle.net/89bnF/762/" rel="nofollow">http://jsfiddle.net/89bnF/762/</a></p>
  
  <p>I'm using a 2 column layout with blocks having different heights :</p>
  
  <pre><code>.thumbBlock {
       display: inline-block;
       background-color: #efbf53;
       width: 45%;
       padding: 10px;
       margin: 5px;
       vertical-align: top;
       border: 1px solid #aaa;
   }
  </code></pre>
  
  <p>I'd like the n°3 block to be just under the n°1 block, on the left of n°2 block (not having the white gap due to block n°2 being higher). Is this possible with inline-block? 
  And if not, what should I use, knowing that the result has to be "responsive-compatible" ? (i didn't include the media queries part in the example)</p>
  
  <p>Thanks for your help!</p>
  
  <p>Olz</p>