Supprimer l'espacement dans l'en-tête et ajouter des espaces pour la liste dans l'en-tête

Comme le montre l'image, j'ai besoin d'ajouter de l'espace entre les boutons et le titre et l'espace entre le bouton et le contenu. Je vous remercie.Supprimer l'espacement dans l'en-tête et ajouter des espaces pour la liste dans l'en-tête

<header> 
    <div class="container"> 
     <div class="intro-text"> 
      <div class="intro-lead-in"><strong>The Robot--Personal Lawyer Just For You</strong></div> 
      <a href="#get started" class="page-scroll btn btn-xl">Get Started</a> 
     </div> 
    </div> 
    <p><a href="#" class="rllbtn">blue <span class="label label-default label-pill pull-xs-right">14</span></a> 
    <a href="#" class="rllbtn">blue <span class="label label-default label-pill pull-xs-right">14</span></a> 
    <a href="#" class="rllbtn">blue <span class="label label-default label-pill pull-xs-right">14</span></a> 
    <a href="#" class="rllbtn">blue <span class="label label-default label-pill pull-xs-right">14</span></a> 
    <a href="#" class="rllbtn">blue <span class="label label-default label-pill pull-xs-right">14</span></a> 
    <a href="#" class="rllbtn">blue <span class="label label-default label-pill pull-xs-right">14</span></a></p> 
    <a href="#" class="rllbtn">blue <span class="label label-default label-pill pull-xs-right">14</span></a> 
    <a href="#" class="rllbtn">blue <span class="label label-default label-pill pull-xs-right">14</span></a> 
    <a href="#" class="rllbtn">blue <span class="label label-default label-pill pull-xs-right">14</span></a> 
    <a href="#" class="rllbtn">blue <span class="label label-default label-pill pull-xs-right">14</span></a> 
    <a href="#" class="rllbtn">blue <span class="label label-default label-pill pull-xs-right">14</span></a> 
    <a href="#" class="rllbtn">blue <span class="label label-default label-pill pull-xs-right">14</span></a> 

</header>

https://jsfiddle.net/khnjt160/

Source

2016-03-03 A.Lin

C'est ce que je l'ai fait pour ajouter un espace avant la section Contactez-nous:

#contact { 
    margin-top: 20px; 
}

https://jsfiddle.net/r1aanshc/1/

Ne hésitez pas à le modifier selon votre préférence.

Avez-vous d'autres feuilles de style qui ne sont pas incluses dans le violon? Rien ne suggère que l'espace sous COMMENCER devrait exister, sauf si quelque chose me manque. Peut-être dans votre agency.css?

Source

2016-03-03 02:26:02 morcen

Je sais. Comme je l'ai dit, je ne peux pas commenter la question elle-même, StackOverflow ne me le permet pas encore. Je suis plus que disposé à éditer cette "réponse" si un violon se lève. – morcen

Je pense maintenant que vous pouvez – AVI

Nope, 50 points de repérage nécessaires. Je le ferai si je peux. – morcen

ajouter cette propriété pour ajouter de l'espace entre les boutons

.rllbtn { 
margin-left:5px; /* leaves space between buttons on left */ 
margin-top:15px; /* leaves space between buttons on top */ 
-moz-box-shadow: 3px 4px 0px 0px #3dc21b; 
    -webkit-box-shadow: 3px 4px 0px 0px #3dc21b; 
    box-shadow: 3px 4px 0px 0px #3dc21b; 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a)); 
    background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%); 
    background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%); 
    background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%); 
    background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%); 
    background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0); 
    background-color:#44c767; 
    -moz-border-radius:15px; 
    -webkit-border-radius:15px; 
    border-radius:15px; 
    border:1px solid #18ab29; 
    display:inline-block; 
    cursor:pointer; 
    color:#ffffff; 
    font-family:Georgia; 
    font-size:17px; 
    font-weight:bold; 
    padding:7px 44px; 
    text-decoration:none; 
    text-shadow:0px 1px 0px #2f6627; 
}

Source

2016-03-03 04:34:33

Il fonctionne pour ajouter de l'espace entre les boutons merci mais mon problème est de supprimer et d'ajouter de l'espace sous et sur les groupes de boutons. Je les mets juste dans une section et cela ajoute de l'espace sur le haut et le bas, mais comment puis-je supprimer l'espace sur le dessus? –

entoure toutes les étiquettes de bouton dans un div. puis ajoutez la propriété css pour la div comme margin-top: -5px; ou toute valeur négative dépend de l'espace –

Vous pouvez ajouter ce que vous obtenez en marge css de haut

.intro texte {margin-bottom: 10px;}

Source

2016-03-03 05:27:05

Supprimer l'espacement dans l'en-tête et ajouter des espaces pour la liste dans l'en-tête

Répondre

Questions connexes