html - ハイパーリンクを列に編成する

Question

私は初心者なので、これはあなたにとって簡単な質問かもしれません。とにかく、3 つの縦の 2 つの列に配置したい 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;
}