HTML5 导航条那里的竖立的条怎么设置

就是我图片圈住的这个竖杆怎么设置丫，我搜不到，不知道是不是我描述错了，找不到我想要的，有没有人知道，给小女子解答一下吧

一种最简单的做法
给两个字体所在的元素之间加一个div，class="lineBox"
然后
.lineBox{
display:inline-block;
border:none;
height:100%;
width:1px;
background:#999999;
}

那是菜单吧
menu

用css做的div,border-left {1px solid gray};height:40px;margin:0 5px;

csss给元素一个边框 border-right:1px solid #eee;

可能是用div自己画的，可以打开控制台看看

如果有帮助，请采纳一下呗

用伪元素吧，具体的大小自己设置

用伪类比边框好