2016-03-03 75 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的;}