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