css - 显示:内联无法正常工作

这里有点菜鸟。只需要一些帮助就可以使此菜单内联。它当前显示为垂直列表。以下是相关代码：

#background #header #nav {
    float: right;
    list-style-type: none;
    margin-top: 100px;
    font-color: #40C8F4;
}
#background #header #nav ul {
    list-style-type: none;
    list-style-position: inside;
    display: inline;
    font-color: #40C8F4;
    color: #40c8f4;
}

#background #header #nav ul li{
    text-decoration: none;
    color: #40C8F4;
    font-color: #40C8F4;
    }
#background #header #nav ul li .scroll {
    text-decoration: none;
    color: #40c8f4;
    display: inline;
}

最佳答案

为li元素内联：-

#background #header #nav ul li{
    text-decoration: none;
    color: #40C8F4;
    font-color: #40C8F4;
    display:inline ;
}

这会工作

关于css - 显示:内联无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20882216/