title: Horizontally align elements with different height
body: <p>I'm building a web page where the search results should appear horizontally aligned. The elements could have different heights.</p>
  
  <p>The examples I'd like to reproduce are:</p>
  
  <ul>
  <li>Google Plus posts layout</li>
  <li>Isotope (<a href="http://isotope.metafizzy.co" rel="nofollow">http://isotope.metafizzy.co</a>).</li>
  </ul>
  
  <p>I tried to use floating elements but you can see my failure in this Plunkr
  <a href="http://plnkr.co/8ex35N8OraWZBnbE5EoY" rel="nofollow">http://plnkr.co/8ex35N8OraWZBnbE5EoY</a></p>