How to make layout as notes in Google Keep using CSS?

Question

I am making a blog template. In the article / message list, I want to create a layout similar to this, I don’t know what name this layout is, it’s like notes in the Android version of Google Keep

I am trying to create a layout using a simple div box with css float: left, but the result is similar to this, there is an empty place to stop when the line is changing the field and the next window starts horizontally in a new line

So, does anyone know how to make such a layout without using two div columns? or maybe there is some javascript plugin to solve?

Answer 1

javascript, , - ? http://isotope.metafizzy.co/

Answer 2

, - , div?

, div , divs 2 display: inline-block.

, , , - , .