0

I have a series of divs, all with the same width, but some with different heights.

I want it to look like this, with no gaps between the divs, flowing nicely underneath each other

enter image description here

But no matter what I try (I've just been floating them left) it looks like this:

    .item
{

float: left; }

Fiddle to show what I don't want...

enter image description here

Any ideas?

ojsglobal
  • 525
  • 1
  • 6
  • 31
  • I think this question has the general answer for this: http://stackoverflow.com/questions/5106578/position-floated-elements-directly-under-each-other – Leon Freire Feb 09 '17 at 12:54
  • Deffinitively, it is a duplicate of [This Post](http://stackoverflow.com/questions/3628311/css-floating-divs-with-different-height-are-aligned-with-space-between-them) – Facundo La Rocca Feb 09 '17 at 13:04

0 Answers0