html – 如何水平对齐两个div？

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

原文地址：https://www.jb51.cc/html/232486.html