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

如何在页脚中相邻移动文本？我试图将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>

最佳答案

首先，划分链接...

<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使其适合您，但这将使链接分成三列。 :)

关于html - 试图在页脚中彼此相邻移动文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36929546/