CSS - 定位导航菜单列表

Question

HTML/CSS新手在这里。快速提问。什么是定位导航的最佳工具。名单？边距？ “位置：”？我已经为ID（#top和#bottom）列表编号了，但不太清楚用什么来正确定位它们。

我心目中是什么 - >http://i.imgur.com/yJrKS.jpg

更新的问题 -

出于某种原因，字与字之间的空间将不会在精确相等的措施与"li"宽度来。有些需要调整到10px，如果你想得到它的完美。有没有办法在单词之前和之后添加空格（px）？我试图添加空格，但无济于事。

http://jsfiddle.net/RE6Xk/11/

Answer 1

使用一个无序列表，列表中的内容被悬空状态，而大小

demo jsfiddle

<ul id="nav"> 
    <li><a href="#">Nav 1</a></li> 
    ... 
</ul> 

... 
#nav li { 
    float:left; 
    width:240px; 
    height:40px; 
    line-height:40px; 
    text-align:center; 
} 
... 

Answer 2

你应该使用tables你有2行4列...

Answer 3

我认为，每一个元素之间的距离是一条线一样。因此，我倾向于为每个元素使用相同的边距值。