html - 如何调整工具栏中元素之间的间距？

Question

我创建了一个工具栏，并且有 3 个列表元素:“主页”、“联系人”、“关于我”。目前，它们并排放置，边界将它们分开，但我想在元素之间留出间距。我的代码如下所示:

HTML:

<div class="Nav">
    <ul>
        <li id="Toolbar">Home</li>
        <li id="Toolbar">Contacts</li>
        <li id="Toolbar">About Me</li>
    </ul>
</div>

Answer 1

为每个li添加边距

.Nav li{
   margin: 0px 3px; /* Adjust the px to meet your needs */
}

JSFIDDLE: http://jsfiddle.net/6Mc9W/