垂直包装div

Question

I'm trying to make the content of div vertically wrap on overflow thus causing it to stretch horizontally instead of vertically.

Is there a way to do this in CSS or maybe javascript library that helps achieve this?

Answer 1

Use display: inline-block and white-space: nowrap : http://jsfiddle.net/EH5uy/

Alternatively you can do display: inline , but you won't be able to do margins properly

Answer 2

I found an answer to my question using the Isotope Jquery plugin.

Code:

$container.isotope({ 
    layoutMode: 'fitColumns',
    resizable: true
 });​

Here's a link to the JsFiddle: http://jsfiddle.net/uzQPM/