Css 顶部栏元素未对齐

我在使用基础6顶部条做错误时导致菜单项不排队。

<div class="top-bar">
  <div class="top-bar-left">
    <ul class="menu">
      <li class="menu-text"><a href='#'>HandyMan!</a></li>                 
      <li><a href="/gallery">Gallery</a></li>                          
    </ul>
  </div>  
</div>

从这个JSFIDLE中可以看出：

我在这里使用文档：

---

我添加了一个超链接，但在这样的菜单栏上这样做肯定是正常的。

第一个菜单栏上的类菜单文本添加了第二个链接没有的额外填充。要么删除该类，将其添加到另一个li，要么用您自己的css覆盖填充。

可能与该类或其位置有关？谢谢我仍然有点困惑-为什么原始TopBar文档中不是这样？我只添加了一个指向菜单文本列表项的链接。但是您添加的链接没有额外的填充。你需要添加它。