Как размещать блоки друг за другом (подробнее на скрине)?

Question

[Johnny]

Есть контейнер фиксированной высоты (слайдер), в нем находятся блоки разной высоты, как сделать так, что бы эти блоки размещались друг за другом, а если 2 блока влезают в одну строку, то чтоб они располагались друг под другом?



Структура только такая:

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  ...
</div>

Answer 1

[Максим]

display:inline;
float:left;

Answer 2

[Александр]

Дополнительно комментарий по коду: такие структуры удобнее организовывать с помощью списков ul > li. Как минимум можно избавиться от класса item.

Answer 3

[Dizainer Gazeti]

Можно попробовать такой вариант:
для класса container задать width: 100%;
а для item будет достаточно float: left; ну и width: 25%;
При этом должно быть более 4х дивов с классом item