html - 如何为 div 标签中的元素设置样式？

Question

我知道这是社区新人提出的问题，但我无法在任何地方找到正确答案。我的 html 片段如下所示:

<div id="navigation">
    <!--Create an unordered list in order to get the title bar of the site -->
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
    </ul>
</div>

我的想法是我想为无序列表设置样式。

我的 CSS 代码看起来像这样:

#navigation li {
    display: inline; 
}

显然这行不通，但我希望有人能指导我正确的方向，了解如何在 div 标签中实际定位一个元素？

编辑:好吧，对不起大家，我忘了在我的 HTML 代码中引用我的 css 页面......天哪!

Answer 1

HTML:

<div id="navigation">
    <!--Create an unordered list in order to get the title bar of the site -->
    <ul>
        <li><a href="index.html">Home</a>
        </li>
        <li><a href="about.html">About</a>
        </li>
        <li><a href="">Category3</a>
        </li>
        <li><a href="">Category4</a>
        </li>
    </ul>
</div>

CSS:

#navigation li {
    float: left;
    margin-right: 10px;
}
#navigation ul {
    list-style: none;
}
a {
    text-decoration: none;
    color: #3e3e3e;
}

See demo