CSS使用boder设置网站导航竖线，且高度不超过文字高度的设置方法

近期在给客户建设网站的时候，需要在导航栏目之间加竖线分割，PSD设计图如下：

如果直接使用boder的话，往往线的高度超出文字部分。这时可以使用inline-block

具体代码

.nav li a {
    color:#5b5b5b;
    font-size:16px;
    line-height:14px;//低于文字大小
 ...