Float unordered lists (UL) next to one another, and stack them at the bottom of each other, with no margins or spaces

Question

I have multiple unordered lists (UL) elements. Please check the image below:

Answer 1

That would be possible if you stacked them vertically. This jsfiddle here illustrates your problem, the next row of items will start off where the longest ul reaches in the previous row. Instead of creating new columns for the new row, you could insert the ul's back into the original columns to stack the ul's vertically. Take a look at this jsfiddle to see the difference.

Sorry, don't know if you can reach those links. jsfiddle.net seems to be under heavy load right now.