Расположите элементы Div рядом друг с другом - стиль Pinterest или Pose

Я хотел бы реализовать стиль, который использовался или следовал для изображений / div, расположенных рядом с другими на таких сайтах, как Pinterest или Pose , независимо от того, что их индивидуальное разрешение есть. Я пробовал расположить div рядом друг с другом, как это

Css:

#mainContainer { width:800px; }
.sameHeightDiv{ float: left; width: 100px; height:190px; } 
.differentHeightDiv { float: left; width: 100px; height:225px; }

Это устроено как

1 2 3 4
      5
6 7 8

Поскольку высота третьего Div (.differentHeightDiv) больше, я знаю, что все будет работать, если все высоты будут равны, но Мне нужно решение, если оно неравное (я имею в виду, если каждый div имеет разные разрешения / соотношения сторон). Кто-то, пожалуйста, помогите мне в этом.

Спасибо.