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

我快发疯了，我错过了什么，我确信这是显而易见的，让我的导航按钮彼此并排排列，而不是相互重叠。当我尝试使用display:inline时，它们都变得非常小，像条子一样

---

只需将您的

UL

和

LI

CSS更改为：

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

---

您应该添加这样的类

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

您的工作选项卡悬停位置应为

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

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