設置兩個類別之間的距離

嘿傢伙昨天開始學習HTML5 & CSS3，只是卡住了某些東西。如果你們中的任何人都可以幫助我，請在這裏查看一些其他帖子，並調整了不同的保證金選項，但我找不到合適的規則。設置兩個類別之間的距離

我試圖空間列一類叫。內容和另一.byline（這後面是海誓山盟我已經試過：。

這裏的CSS

.content { 
    margin-bottom: 30px; }

另外：

.content.byline { 
    margin: 30px 30px;} 

.byline { 
    margin-top: 30px;}

這裏的HTML：

<div class="content"> 
    <h3> bla bla </h3> 
<span class="byline">blabla</span>

這裏有兩個類截至目前：

.content { 
margin: 0 auto; 
padding: 40px; 
text-align: center; 
width: 70px; } 

.byline { 
font-size: 14px; 
padding-top: 10px; 
padding-bottom: 1Opx; 
font-family: Roboto; 
border-top: 2px solid #CCC; 
border-bottom: 2px solid #CCC; }`

原諒我的初學者的解釋和感謝幫助我在這裏。

來源

2017-03-06 Ben

我們需要看到HTML以及 – LGSon

如果他們後面跟着對方，那麼你需要.banner'和'.byline''之間的空間在上面的代碼片段。否則，這是一個具有**類**的元素的選擇器......但是，請發佈HTML。 – Chris

你試圖達到什麼？ –

h3默認情況下，元素頂部和底部都有餘量。如果你想要你的byline獲得更多的距離，以保證金，你必須增加h3的margin-bottom足以有所作爲。

嘗試將margin-bottom: 70px;添加到h3。

h3 { 
    margin-bottom: 70px; 
}

順便提一句，你在padding-bottom上.byline 10px的是寫有「O」。

來源

2017-03-06 18:46:20

謝謝萊昂！被設定在H3的邊距爲1個像素，然後加入一個餘量到.byline類0 960x75像素; 。欣賞它的人:) – Ben

設置兩個類別之間的距離

回答

相關問題