Html 在按钮之间添加空间？

嗨，我这里有一个代码，除了一件事之外，它都是完美的。代码中的每个按钮之间没有空格。我试过边距，但不幸的是它是一个无序的列表，所以我有点困惑。我将添加或替换什么以在两个按钮之间留出空间。帮助？？：(

.rollovericons a#条款{
显示：块；
宽度：138px；
高度：27px；
背景：url(http://icpy.webs.com/button/Terms.png)不重复；
}
.rollovericons a:悬停条款{
背景：url(http://icpy.webs.com/button/Terms0.png)不重复；
}
.rollovericons a#联系人{
显示：块；
宽度：138px；
高度：27px；
背景：url(http://icpy.webs.com/button/contact.png)不重复；
}
.rollovericons a:悬停#联系{
背景：url(http://icpy.webs.com/button/contact0.png)不重复；
}

只要做：

.rollovericons a{
    margin: 10px;
}

这将为

rollovericons

类中的每个

项添加边距。

尝试以下操作：

.rollovericons ul li {
display: inline;
list-style-type: none;
padding-right: 7px;
}

<div class="rollovericons">
<ul>
<li><a href="http://www.twitter.com" id="terms"></a></li>
<li><a href="http://www.twitter.com" id="contact"></a></li>
</ul>
</div>

.rollvericons ul li{
显示：内联；
列表样式类型：无；
右侧填充：7px；
}

我添加了一个名为space的类，它将在按钮之间添加一个空格

以下是JSFIDLE供您查看：

---

您的HTML不包含无序列表。我认为您没有尝试设置边距或填充。只需在第一个按钮样式中添加

margin right

规则，或在第二个按钮样式中添加

margin left

。嗨，乔治，请尝试在按钮之间使用“”。

.rollovericons ul li {
display: inline;
list-style-type: none;
padding-right: 7px;
}

<div class="rollovericons">
<ul>
<li><a href="http://www.twitter.com" id="terms"></a></li>
<li><a href="http://www.twitter.com" id="contact"></a></li>
</ul>
</div>

.space {margin-bottom:15px}