css - 并排对齐2个div

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

或显示:内联

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

Fiddle Demo