How to put links in a menu horizontally using CSS?

Question

What I'm trying to do is place my menu on a horizontal line, not a vertical line. Does anyone know how to do this?

http://nemofirm.com/cssheaderandfooter.php

Answer 1

http://jsfiddle.net/kZzXs/ or http://jsfiddle.net/kZzXs/2/

As others have said: float: left or display:inline both do the trick. I also added the missing <ul> tags. Hope this helps.

Answer 2

I would say that reasonably correct html is a good starting point. You understand that you have html tags and two body tags, right?

And the missing ul already mentioned by others.

You must also manage browser nuts; -)

Answer 3

you must first have your li elements in ul

 <ul> <li></li> <li></li> </ul> 

you can either swim to the left; float:left; or give them display:inline;

Answer 4

Tags

li should have display: inline style.

If we're talking about CSS, yes, that sucks. But now there is nothing better (I hope that someday the Web will be devoted to XML resources, XSLT translations and some CSS ++, which will describe how the element should be viewed, and not how the browser handles it).