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

Although advices and suggestion given were indeed helpful,

I solved the problem with jQuery Masonry, a jQuery plugin

http://masonry.desandro.com/

I'm not sure whether there are better ways to do it, but this one just worked

Isotope, another jQuery plugin that looks similar to Masonry, could probably do the same job as Masonry but I haven't tested yet: http://isotope.metafizzy.co/

thanks for reading and dropping by