How do I render side-by-side?

Question

I\'m looking to create a navigation menu with list items rendered in one line. How do I do this?

Answer 1

My favorite way to do it it's by using because it's allow do use width, height, margins and padding:

li { display: inline-block; }

But have some render problem in IE, to fix use (order is important):

li 
{ 
  display: inline-block; 
  zoom: 1;
  *display: inline;
}