How to make a grid ala Pinterest with horizontal arrangement of elements?

Question

css

Good afternoon. The bottom line is that you need to make a grid a la pinterest, so that the elements are pulled up in height. I found a solution on the Internet through the use of column, but all these solutions have one drawback that I have not yet been able to overcome, namely, that the elements inserted into HTML are not arranged from right to left, but one under the other.
That is, not like this:
1 2 3
4
but something like this:
1 4
2
3
Is there any way to solve this problem, preferably without JS.

Answer 1

Through columns .
On Pinterest just through js and done

Answer 2

masonry is called grid a la pinterest

Answer 3

try column-count on parent and children inline-block. So such a "masonry" is done .