Is it possible to have HTML elements with the same width (100px) and different heights filling up all the gaps in the top end of a container with a fixed width (300px)?
What I have got so far. fiddle
As you can see, the 4th, 5th and 6th block do not fill up the gaps above. Is that possible somehow without the need of Javascript?
Not possible with pure CSS using the html layout you’re using. There’s a plugin called Masonry that is popular fior this kind of layout: http://masonry.desandro.com/