在html div內添加更多元素之間的距離

Question

我需要在兩個square之間添加更多的距離到div中。我如何在CSS中做到這一點？

Answer 1

如果你想例如10個像素的第一方陣，或margin-left: 10px對於第二個加margin-right: 10px;之間。

你可以選擇你想要的像素。

Answer 2

這應該澄清的事情：

JSfiddle

HTML

<div class="parent"> 
    <div class="one"> 
     1 
    </div> 
    <div class="two"> 
     2 
    </div> 
    <div class="floatClear"></div> 
</div> 

CSS

.parent { 
    border: 4px solid black; 
    padding: 20px 15px; 
} 

.one, .two { 
    border: 4px solid black; 
    height: 150px; 
    width: 150px; 
    float: left; 
} 

.one { 
    margin-right: 60px; 
} 

.floatClear { 
    clear: both; 
} 

搖搖欲墜！ http://jsfiddle.net/HtaFF/12/

Answer 3

margin-left: 10px; 
margin-right:10px; 
margin-top: 10px; 
margin-bottom:10px; 

還是短方式：

margin: 10px 10px 10px 10px; 

還是更短的方式，如果所有你的價值觀是一樣的，你可以寫它只是一次：

margin: 10px; 

你真的應該看看一個CSS教程，如this one。