Wrapping DIVs with inline-block

Question

I want my page to look like this:

http://jsfiddle.net/yuA5Q/3/embedded/result

However, I am implementing jQuery ui to utilize the draggable(and sortable) functionality. So if I don't make .bubblescontainer display: inline-block, I get some horrible effects on dragging. however, with it, I get this:

http://jsfiddle.net/yuA5Q/4/embedded/result

So, is there a way to keep the inline-block while wrapping the bubbles as desired?

---

Updated jsfiddle.net links. I missed the final }); in the code so it wasn't running.

Answer 1

I achieved this by floating the internal containers (.bubblecontainer) left, and clearing left.

float : left;
clear : left;

http://jsfiddle.net/yuA5Q/5/