Witam wszystkich forumowiczów!

Nie wiem czy jasne jest moje pytanie i nie wiem jak dokładnie to opisać więc użyję do pomocy opisu mojego problemu zdjęcie:



A więc co chcę zrobić?

chcę żeby każdy z tych div'ów miał od siebie ZAWSZE odstęp margin-top: 20px, a nie robił dopiero odstęp tych 20px po największym div'ie.

i zawsze wygląda to tak równiutko... a chcę żeby zapełniały całe miejsce na stronie.

Pod tym adresem https://unsplash.com/grid jest ten efekt jaki chciałbym uzyskać, ale podejrzewam że tu jest jakoś wykorzystany javascript, a ja wolałbym tego uniknąć jeśli dałoby radę. Obrazki w pionie mają zawsze ten sam odstęp.

Jak można to zrobić bez JS?

Z góry dziękuję za pomoc!

W css column-count - ilość kolumn, column-gap - odległość między kolumnami. Przykład: http://jsfiddle.net/yu0uey0x/

Dokładnie o to mi chodziło dzięki wielkie i pozdrawiam!