Side-by-side list items as icons within a div (css)

Question

I am looking for a way to create a

of items that I can put within a
and have them show up side-by-side and wrap to the next

Answer 1

give the LI float: left (or right)

They will all be in the same line until there will be no more room in the container (your case, a ul). (forgot): If you have a block element after the floating elements, he will also stick to them, unless you give him a clear:both, OR put an empty div before it with clear:both