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

You will have to use something like below

#menu ul{
  list-style: none;
}
#menu li{
  display: inline;
}
	

  

    
First menu item
    
Second menu item
    
Third menu item