为当前页面项目提供边框

Question

我尝试为当前页面提供border-bottom:2px。并且在菜单项之间还有一个伪类，但它对伪类需要很长的边框宽度。我希望当前页面的边框宽度为a

你可以在这里查看代码

https://jsfiddle.net/1mtcs757/37/

Answer 1

将float：left添加到您的css代码将使您的菜单项边框问题得到修复。

.nav > li {
    position: relative;
    display: block;
    float: left;
}

Answer 2

试过你的jsfiddle。只需改变它：

#menu-menu-1 > li:before {
    position: absolute;
    top:  10px;
    right: -10px;
    content: ".";
    color: #000;
    /* padding-left: 10px; */
    display: inline-block;
}
#menu-menu-1 > li {
  margin-right: 10px;
  position: relative;
}