How to make list of floated elements jump over centered element (spine align / center stamp)?
===

I have this code: http://jsfiddle.net/XXu8G/

I want the elements to align to the center around the spine. Isotope jQuery plugin has a similiar functionality called spine align: http://isotope.metafizzy.co/custom-layout-modes/spine-align.html but unfortunately it lists only one item on each side. I want to have multiple items on each side.

How can these be achieved without separate "left" and "right" divs?