Ajouter de l'espace entre les boutons?

Salut j'ai un code ici, c'est tout parfait, sauf une chose. Il n'y a PAS d'espace entre chaque bouton dans le code. J'ai essayé de la marge, mais malheureusement son une liste non ordonnée, donc je suis un peu confus. Que pourrais-je ajouter ou remplacer pour avoir de l'espace entre les deux boutons. De l'aide?? 🙁

<!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>
Votre HTML n'a pas d'inclure une liste non ordonnée. Je ne pense pas que vous avez essayé la définition d'une marge ou de rembourrage.
Il suffit d'ajouter le margin-right règle pour le premier bouton de style, ou margin-left à la seconde.
Salut George, essayez d'utiliser "&nbsp;" entre les boutons.

OriginalL'auteur raininggalaxies | 2013-07-14

  1. 16

    Viens de faire:

    .rollovericons a{
    margin: 10px;
}

    Qui va ajouter une marge à chaque <a> élément à l'intérieur de la rollovericons classe.

    MERCI!!!!!!!!!! Et désolé tout le monde, il n'était pas un ul-facepalm-
    Si ma réponse a résolu votre problème de répondre à votre question, vous pouvez la marquer comme acceptée (;

    OriginalL'auteur Francisco Presencia

  2. 1

    J'ai ajouté une classe appelée espace qui va ajouter un espace dans betwween les boutons.

    heres la jsfiddle pour vous de voir: http://jsfiddle.net/mFfAX/ 

    .space {margin-bottom:15px}

    OriginalL'auteur

  3. 0

    Essayez ceci:

    .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>

    OriginalL'auteur Luis Y