显示内联不适用于导航按钮

Question

我疯了，我错过了什么，我确信这是显而易见的，让我的导航按钮彼此并排堆叠而不是彼此叠加。当我尝试使用显示器时：内联它们都像真的很像碎片！

http://awesomenesslabs.com/staging/brenna-resp/

Answer 1

只需将您的UL和LI CSS更改为：

ul {
    list-style: none outside none;
    display: block;
}
li {
    line-height: 18px;
    margin-bottom: 12px;
    display: inline-block;
}

Answer 2

#navbar > ul > li {
   display: inline-block;
}

Answer 3

你应该添加一个这样的类。

#navbar ul li {
   display: inline-block;
}

并且您的工作标签悬停位置应为

.nav-work-button:hover {
    background-position: 0 -47px; 
}