我需要将两个div对齐,以便每个div包含一个标题和一个项目列表,类似于：
<div>
<span>source list</span>
<select size="10">
<option />
<option />
<option />
</select>
</div>
<div>
<span>destination list</span>
<select size="10">
<option />
<option />
<option />
</select>
</div>
使用表格非常容易,但我不想使用表格.我怎样才能做到这一点？
解决方法
将div放在父容器中,并将其设置为如下样式：
.aParent div {
float: left;
clear: none;
}
<div class="aParent">
<div>
<span>source list</span>
<select size="10">
<option />
<option />
<option />
</select>
</div>
<div>
<span>destination list</span>
<select size="10">
<option />
<option />
<option />
</select>
</div>
</div>
