2016-03-03 76 views
1

如图所示我需要在按钮和标题标题之间添加空格,并在它下面的按钮和内容之间添加空格。谢谢。删除标题中的间距并为标题中的列表添加空格

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

Space removing and adding

回答

0

这是我做的联系我们部分之前添加空间:

#contact { 
    margin-top: 20px; 
} 

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

随时根据编辑它您的偏好。

您是否还有其他没有包含在小提琴中的样式表?没有任何迹象表明,开始应该存在,除非我失去了一些东西。也许在你的agency.css

+0

我知道。就像我说的,我不能评论这个问题本身,StackOverflow不允许我。我很乐意编辑这个“答案”,尽管应该小提琴出现。 – morcen

+0

我想现在你可以 – AVI

+0

不需要,50分需要。如果可以,我会。 – morcen

0

添加此属性按钮之间添加空格

.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; 
} 
+0

它可以在按钮之间添加空间谢谢,但我的问题是删除和添加按钮组下的空间。我只是把它们放到一个部分中,并且在它的上面和下面都增加了空间,但我怎样才能去掉它上面的空间? –

+0

附上div内的所有按钮标签。然后为div添加CSS属性,如margin-top:-5px;或任何负值取决于空间 –

0

您可以添加这个在CSS你从顶部

.intro文裕{边距:10px的;}