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

One of the best resources on the subject is http://css.maxdesign.com.au/listamatic/ (a little outdated though).

They suggest both li {display: inline;} and li {float: left;} depending on the effect you want.

Look for example their "Simple horizontal list" http://css.maxdesign.com.au/listamatic/horizontal01.htm

Answer 2

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