html - 尝试在页脚中将文本彼此相邻移动

Question

如何在页脚中将文本并排移动？我试图让 3 列彼此相邻，但现在我只有一列，我无法弄清楚如何让另外两列紧挨着它。

购物和学习
麦克

    <br><a href="footer.html">iPad</a>

    <br><a href="footer.html">iPhone</a>

    <br><a href="footer.html">Watch</a>

    <br><a href="footer.html">TV</a>

    <br><a href="footer.html">Music</a>

    <br><a href="footer.html">iTunes</a>

    <br><a href="footer.html">iPad</a>

    <br><a href="footer.html">Accessories</a>

    <br><a href="footer.html">Gift Cards</a>

Answer 1

首先，划分链接...

<div class="linklist">
<a href="footer.html">iPad</a><br>
<a href="footer.html">iPhone</a><br>
<a href="footer.html">Watch</a><br>
</div>

<div class="linklist">
<a href="footer.html">TV</a><br>
<a href="footer.html">Music</a><br>
<a href="footer.html">iTunes</a><br>
</div>

<div class="linklist">
<a href="footer.html">iPad</a><br>
<a href="footer.html">Accessories</a><br>
<a href="footer.html">Gift Cards</a><br>
</div>

然后是样式!

.linklist {
    width: 33%;
    display: inline-block;
}

根据您的需要扩展 css，但这会将链接分成三列。 :)