title: CSS responsiveness, inline-divs with unequal heights
body: <p>If we style multiple divs with property display set to "inline-block" and one of them has a height longer than the others, all the smaller divs align at the bottom creating extra space at the top. But all I wanted is that the smaller divs align at the top and leave any extra space at the bottom. Is there any way I can achieve the required effect?<a href="https://i.stack.imgur.com/tThCE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tThCE.jpg" alt="image describing the problem"></a></p>