如何水平对齐两个div？

Question

我需要将两个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>

使用表非常容易，但是我不想使用表。我该如何实现？

Answer 1

将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>