並排對齊2 divs

Question

我見過很多這些問題，但沒有人回答我的問題。我試圖並排排列2個div。該div具有相同的類，因爲它們是用php動態拉動的。我無法弄清楚如何對齊它！下面的代碼：

<div class="holder"> 
<a href="#" class="item"> 
</a> 
<a href="#" class="item"> 
</a> 
</div> 

.holder { 
float:left; 
width:40%; 
margin: 0 10px 0 0; 
} 

.item { 
padding:7px; 
display:block; 
text-decoration:none; 
margin:0 0 15px; 
} 

Answer 1

使用display:inline-block

.item { 
padding:7px; 
display:inline-block; 
text-decoration:none; 
margin:0 0 15px; 
} 

Fiddle Demo

或display:inline

.item { 
padding:7px; 
display:inline; 
text-decoration:none; 
margin:0 0 15px; 
} 

Fiddle Demo

Answer 2

.holder { 
    float:left; 
    width:40%; 
    margin: 0 10px 0 0; 
} 
.item { 
    padding:7px;display:inline; 
    text-decoration:none; 
    margin:0 0 15px; 
} 

http://jsfiddle.net/3WZaf/