网站导航菜单的分割线和水平居中

写这篇啰嗦的文章，缘由来自于Jorux Notebook的《什么是Semantics?》文章。

实际上，从《网站重构》一书开始在国内流行之后，Zeldman提出的语义化标记就已经在一定程度上流传开来。在抛弃table布局页面之后大家突然发现，原来这还不够，随意地使用<p>或者<div>来进行布局实际上和table布局一样的糟糕。

Jorux的例子（如下）：

我是老大 | 我是不好意思说 | 老三 | 老四在这里 | 老幺

Jorux指出，在这种极为普遍的导航样式中（通常是用于网站底部的信息导航，100个网站里有90个采用这样的模式），我们应该使用无序列表，而不是下面这种:

   1:  <p>

   2:  <a href=”home.html”>首页</a> | 

   3:  <a href=”about.html”>关于</a> | 

   4:  <a href=”blog.html”>博客</a> | 

   5:  <a href=”message.html”>留言</a> | 

   6:  <a href=”album.html”>相册</a>

   7:  </p>