css - 显示 : inline not working

Question

这里有点菜鸟。只需要一些帮助让这个菜单在线。它当前显示为垂直列表。相关代码如下:

#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;
}

Answer 1

为 li 元素创建内联:-

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

这会起作用