Html CSS来分隔导航栏中的链接

在我的导航栏中有一个恼人的链接，无法与其他链接分开。登录到我的web应用程序时，标题包含2个链接，在屏幕查看模式下（移动查看即可）不会分离。链接是我的仪表板和注销（登录时）；以及登录和注册（未登录时）：

.navbar{
边界半径：0；
字体系列：“Helvetica Neue”，Helvetica；
字号：200；
盒影：0px 1px 3px#2a2a2a；
背景：image_url（'dark_wood.png'）；
}
纳瓦尔先生{
字体大小：300%；
}
.导航栏标题{
填充顶部：25px；
高度：85px；
}
.导航条深色a.导航条品牌{
字体系列：“Helvetica Neue”，Helvetica；
字号：100；
字体大小：400%；
颜色：白色；
}

您应该使用jquery移动库，它们应该在不使用所有CSS的情况下为您提供均匀的布局。你可以去学校图书馆。那你可以试试这个

您应该将

nav link

类添加到您的链接（

a

标记）使用静态值替换示例中的jsp会很有帮助。这看起来是一个css问题，所以这将帮助其他人测试您的示例Nick抱歉，仍然在学习这些东西。当您说将导航链接添加到a标记时，您的意思是：

@mhatch-如果这是css问题，我如何调整它以在每次标记后添加换行符？我尝试了一个简单的：.nav item{
}大家：这里有一个指向live应用程序的链接：flixter-peterbehere.herokuapp.comWow谢谢！我来看看。我正在做一个训练营，我们沉浸在css中，但刚刚开始将js整合到我们的web应用程序中。我会尝试一下。好吧，需要做太多的后踏板操作，我依赖TurboLink，所以我认为这在这个应用程序中对我不起作用。但是，在我做的下一个项目中，我会记住jquery mobile。很抱歉，如果答案与您已经做的太不一样，但我建议您使用jquery。下一次你需要制作导航条或其他涉及大量CSS的东西时。jquery库非常好，它们节省了很多时间。

<div data-role="navbar">
  <ul>
    <li><a href="link here">Page one</a></li>
    <li><a href="link here">Page Two</a></li>
    <li><a href="slink here">Page Three</a></li>
  </ul>
</div>