How to make a HTML list appear horizontally instead of vertically using CSS only?

Question

I need this because I want to make a menu (which is made from a HTML list) appear horizontally.

I prefer not to use absolute positioning since it might become messy

Answer 1

quite simple:

ul.yourlist li { float:left; }

or

ul.yourlist li { display:inline; }