CSS Float within a grid view

[Avzlvlzv]

Hi

I am trying to get a display over 2 rows, but want to have a dynamic grid which works horizontal and NOT vertical. I can get it to work vertical, but its not the effect I'm after.

for example:

the current grid:

6 4 2
5 3 1

When an item (7) is added to the dynamic grid:

7 5 3 1
6 4 2

It will move the content down, but the top item is pushed down and the item is pushed across and up and so on...

Can anyone help? And can it be done? I want to keep to pure CSS/HTML without a jQuery work around if possible?

Cheers

 

[TheBlueAsset]

have you tried the 960 grid system?, its a pure css framework that can achieve what your looking for, the website is 960 Grid System search for youtubes on tutorials about it