在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。