So I need to align columns, with divs that have a set width inside a parent that has a max-height of the screensize.

So, for example:

[div] [div] [div] [div]

Would be the max height, but if we go an extra div it needs to do this:

[div][new_div] [div] [div] [div]

and so on. So once it hits the max height (of the screensize, or whatever) the divs needs to auto column over and align to the top right.

In summary:

A maximum of 2 columns, filled with data that stacks upon eachother [one after the other, veritcally]. Once it hits the max width [which is the screensize] I need it to automatically create a new column to hold the new rows.