html - 将超链接组织成列

Question

请注意，我是新手，所以这对您来说可能是一个简单的问题。无论如何，我有 6 个超链接，我想将它们放置在两个垂直列中，每列三个。您不必写出整个代码，只需为我指明正确的方向，以获得完成此任务的最有效途径，谢谢！提供图片

Answer 1

您可以在一个容器内有 2 个无序列表，并使用float它并排放置，或者您也可以使用display: inline-block;，但最好坚持使用浮动，像这样

演示

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;
}