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

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/

Answer 2

有你能空间几种不同的方式out元素。如果您以前没有听说过，请查看CSS Box model。这些想法在整个Web开发过程中都会使用，最好是阅读并理解这一点，而不是仅仅从网上获取一些CSS而不理解它。

Answer 3

我也想指出，所有的列表项都有相同的ID。您只能在具有该ID的页面上使用一个元素。而且看到你给了整个名单上的一个班名，你应该把这些ID都放在一起。