Как лучше спозиционировать элементы?

Question

[Jaro]

Не получается спозиционировать дивы , чтобы было как на картинке
https://gyazo.com/2c0ff36eb2fd780c62e62f02725483eb

вот что у меня вышло
https://jsfiddle.net/spyJaro/rpL2ghb2/

Answer 1

[BohdanK]

Если блочной версткой то как-то так: https://jsfiddle.net/rpL2ghb2/2/

Answer 2

[Сергей delphinpro]

Например так
https://jsfiddle.net/rpL2ghb2/5/

Answer 3

[semki096]

Здесь 3 сегмента. В первом сегменте - 4 блока. ОБЕРНИТЕ ВСЕ 4 в div и задайте ему float left. Внутри этого сегмента тоже задайте div-ам float left . Отавшиеся 2 сегмента - думаю не проблема.

Answer 4

[Cyber_bober]

Используйте flexbox или подключите библиотеку masonry.js masonry.desandro.com