Is it possible to order css columns horizontally?

Take this for example: <http://jsfiddle.net/glee/Fa722/>

It's output as `1 8 15` but i would want `1 2 3` but still maintaining a grid like structure is there some trick that can be used to achieve this or is JS the way to go?

This is what i mean talking about a grid like structure:

![enter image description here](https://i.stack.imgur.com/nzf3j.jpg)