HTML <ul>知识细节

以下代码为无序列表的语法结构：

<ul class="nav_menu">
            <li>
            </li>
            <li>
            </li>
</ul>

可是如果在网页上运行它，会发现它是竖着排列的，并且前面有它自带的属性（一个小圆点），要想把它变成横向排列的，并且删除他的自身属性，需要在css内设置两个属性，如下所示：

.nav_menu li{
    float: left;
    list-style-type: none;
}

设置li与li之间的间距：

.nav_menu li{
    margin-left: 10%;
}