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; 
} 

达你然而。