Html 在repsonsive引导导航栏中添加分隔符行

我想在响应引导导航栏中的菜单项之间添加分隔线。我尝试使用

边框底部

，但我需要在两侧插入。以下是我试图实现的目标（颜色不是重点）：

正如您所看到的，这条线不是从屏幕边缘开始的

我怎样才能做到这一点

这是我目前的代码：

<div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><span class="glyphicon glyphicon-log-in hidden-on-mobile"></span> Belépés</a></li>
        <li><a href="#"><span class="glyphicon glyphicon-user hidden-on-mobile"></span> Regisztráció</a></li>
      </ul>
    </div>

将边框应用于标记中

a

的伪元素，定位为

位置：绝对

，并使用

左

和

右

值说明该元素上的填充，以便边框与文本对齐

.nav>li>a:之后{
内容：''；
边框底部：1px纯红；
位置：绝对位置；
底部：0；左侧：15px；右侧：15px；
}
/*你不需要这个-只是为了演示*/
.崩溃{
显示：块！重要；
}

谢谢，但不幸的是，它对我不起作用。什么也没出现@BalázsVincze你是说你看不到这里的红线？