将超链接组织到列中

Question

警告我是新手，所以这对你来说可能是一个简单的问题。无论如何，我有6个超链接，我想将它们分成两个垂直的三列。您不必编写整个代码，只需指出正确的方向，以获得完成此操作的最有效路线，谢谢！图片提供了

Answer 1

您可以在容器中放置2个无序列表，并使用float将其并排放置，或者您也可以使用display: inline-block;但最好坚持使用浮点数，例如

Demo

HTML

<div class="wrap">
    <ul>
        <li><a href="#">one</a></li>
        <li><a href="#">two</a></li>
        <li><a href="#">three</a></li>
    </ul>
     <ul>
        <li><a href="#">one</a></li>
        <li><a href="#">two</a></li>
        <li><a href="#">three</a></li>
    </ul>
</div>

CSS

.wrap {
    overflow: hidden;
}

.wrap ul {
    float: left;
    margin-right: 50px;
}

Answer 2

Mr.Alien代码有所改进：

.wrap {
    overflow: hidden;
}

.wrap ul {
    float: left;
    margin-left: 50px;
}
.wrap ul:first-child {
    margin-left: 0;
}