Cause floated elements to go from top to bottom...

Hi all

I'm adding elements to a DIV using Javascript at the moment. These elements are floated right, and the effect is that they appear in the top right corner, and are added to the left until there's no horizontal space, at which point they begin in the next row.

What I'd like to happen is that the elements are added below the previous, and if there's no room left vertically, they are added in the next column.

Any ideas?


Gausie Smile

Rather new to CSS, Need help on how to approach a design.

TLDR version:
I need some ideas for how to code this mockup:

Long winded version:
Hello everyone, first I'd like to thank everyone who takes the time to read my post and help me out. With out people like you the internet would be a very dark place indeed.

Syndicate content