html - CSS - make a "wall" of divs without blank space between them -

what trying stick divs 1 other create wall of them.

the problem looks not sticked 1 other can see in try: http://jsfiddle.net/w3htk/2/

i tryed using float:left; not helped

i final result this:

so , independently content size every div sticked previous without blank parts between them

do have clue?

first, in jsfiddle there div closing tag after lite greenish division. perhaps should close .foo division.

second, create divs stack depicted in screenshot, can float sec div right adding next rule set:

.foo div:nth-of-type(2) { float: right; }

html css css3 responsive-design styles

Three