CSS：如何增加兩個元素之間的距離？

Question

我的頁面有div含元素span和table

<div id="mainContent"> 
    <span id="text:> 
     Description of items 
    </span> 

    <table id="tblContent"> 

    ..... 

    </table> 
</div> 

在我的CSS我有以下幾點：

#tblContent 
{ 
    width:100%; 
    border:1px solid black; 
    border-collapse:collapse; 

} 

#tblContent td, #tblContent th 
{ 
    border:1px solid black; 
    text-align:center; 
} 

我如何定義我的table和span元素之間的距離爲20px？

Answer 1

您正在尋找margin。

保證金CSS屬性爲所有四方設置保證金。簡寫爲 以避免單獨設置每個邊與另一個邊距 屬性：margin-top，margin-right，margin-bottom和margin-left。

試試這個：

#tblContent { 
    margin-top:20px; 
} 

Answer 2

您可以定義span到display: block，然後要麼填充或保證金添加到它是這樣的：你如何運用這個距離

#text { 
    display:block; 
    margin: 20px; 
} 

達你然而。