html - CSS - 定位导航菜单列表

Question

这里是 HTML/CSS 新手。快速提问。什么是定位导航的最佳工具。列表？边距？ “位置:”？我有 2 个(#top 和#bottom)列表的 ID，但不太确定使用什么来正确定位它们。

What I have in mind -> http://i.imgur.com/yJrKS.jpg

更新问题 -

出于某种原因，单词之间的空格不会与 "li" 宽度完全相等。如果你想让它完美，有些需要调整到 10px。有没有办法在单个单词前后添加空格(px)？我尝试添加空格，但无济于事。

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

Answer 1

使用带有 float 和大小列表项的无序列表

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;
}
...