在按钮之间添加空格?

rai*_*ies 5 html css navigation rollover

嗨,我这里有一个代码,除了一件事以外都是完美的.代码中的每个按钮之间没有空格.我试过保证金,但不幸的是它是一个无序列表所以我有点困惑.我将添加或替换什么以在两个按钮之间留出空间.救命??:(

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<style type="text/css">

    .rollovericons a#terms{
        display: block;
        width:138px;
        height:27px;
        background:  url(http://icpy.webs.com/button/Terms.png) no-repeat;
    }

    .rollovericons a:hover#terms{
        background: url(http://icpy.webs.com/button/Terms0.png) no-repeat;
    }
    .rollovericons a#contact{
        display: block;
        width:138px;
        height:27px;
        background:  url(http://icpy.webs.com/button/contact.png) no-repeat;
    }

    .rollovericons a:hover#contact{
        background: url(http://icpy.webs.com/button/contact0.png) no-repeat;
    }

</style>

<body>

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

</body>
Run Code Online (Sandbox Code Playgroud)

Fra*_*cia 16

做就是了:

.rollovericons a{
    margin: 10px;
}
Run Code Online (Sandbox Code Playgroud)

这将为班级中的每个<a>项目增加一个余量rollovericons.