Question

我想将文本关注我们放置在Facebook图标旁边的最右侧。我添加了float:right使其显示在Facebook图标旁边，但由于某种原因它无法正常工作。

这是我的代码-

<a href="#" target="_blank" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#999999">Website Designed and Developed By <strong><font style="color: #00FF00"></font><font style="color: #666666"></font></strong>, Web Design Blackburn, Web Design Lancashire<span><h1 style="float:right">Follow Us</h1></span></a>

这是我正在工作的网站-http://loweraudleytyres.co.uk/dev/。试图编辑页脚。

Screenshot of footer

页脚也经过硬编码，因此也需要自定义。

Answer 1

@ java11我无法在评论中添加图片，因此添加为答案，因为我相信它也可以解决您的问题。

代码：<li><a href="https://en-gb.facebook.com/audleytyres/"> <i class="fa fa-facebook"> FOLLOW US </i></a> </li>

Answer 2

将您的徽标和文本放入样式为float:right;的 a 标签（链接）中，并添加display:inline;

示例：

<a href="#" style="float:right;">
    <i class="fa fa-facebook" style="float:left;"></i>
    <span style="display:inline; margin-left:5px;">FOLLOW US</span>
</a>

将文字放在Facebook图标旁边

2 个答案: