Is it possible to make all li items in a ul tag align up under each other rather than them all aligning to the longest. I know that doesnt make much sense so I did an example!! LOL
What I mean is, I want the boxes on the 2nd line to be under the boxes on the first row, for example, the 2nd box on the 2nd row to be tight under the 2nd box on the first row instead of having to align to the first box on the 2nd row horizontally. Same with box 3.
Hope that makes sense!!
You can get the result you want by emulating columns, but it involves extra divs : JSFiddle
Also,
li {vertical-align: bottom;}would get everything tightly spaced, but it would only work for two rows and is probably not what you need.