如何删除导航菜单项之间的间距？

Question

我是CSS3和HTML5的新手。我想知道如何删除导航栏按钮之间的间距。

我的HTMLCode是：

<nav id="menu"> 
            <ul>
                <li>
                GET HELICOPTER TOURS</li><li>
                GET PARTY BUS</li><li>
                GET BUS TICKET</li><li>
                GET BUS TOURS</li>
            </ul>
    </nav>

我的CSS3代码是：

    #menu li{
    position:relative;
    font: bold 14px Tahoma;
    color: #FFFFFF;
    float:right;
    margin-right:100px;
    margin-top:35px;
    list-style:none;
}

Answer 1

我快速JSFiddle

ul li{

    display:inline-block;
    list-style:none;
    margin-left:20px;
}

Answer 2

您需要做的两件事： -

display:inline;
margin-right:10px;

保证金可根据您的要求进行调整