CSS3 Columns - List Horizontal Order Instead of Vertical?

[RyanReese]

Yeah the problem is that you can’t really know what margin needs to be applied.

Apart from manual margins being set, you need JS for this.

Select previous row and apply margin

http://codepen.io/ryanreese09/pen/KwyBmg Basically I want them lining up like a masonry. In the first row, it should detect which element has the biggest height. Then in the next row, it should find the element in the same position above it (e.g. if it’s looping through 5, it should look to 1) and then apply a negative top margin equal to 1s height - the height of the tallest box.) Can anyone help?

I almost have it done except for fixing out the source order of it. That codepen in the last post includes the masonry.js and then a small JS snippet.

Sorry.