Html 将文本放在Facebook图标旁边

Html 将文本放在Facebook图标旁边,html,css,Html,Css,我想把文本Follow Us放在facebook图标旁边的最右边。我添加了float:right,使它出现在Facebook图标旁边,但由于某种原因它不起作用 这是我的密码- @java11我无法在我的评论中添加图像,因此我添加图像作为答案,因为我相信它也解决了您的问题 代码: 将您的徽标和文本放在一个标签(链接)中,样式为float:right&添加显示:内联 例如: <a href="#" style="float:right;"> <i class="fa f

我想把文本Follow Us放在facebook图标旁边的最右边。我添加了
float:right
,使它出现在Facebook图标旁边,但由于某种原因它不起作用

这是我的密码-


@java11我无法在我的评论中添加图像,因此我添加图像作为答案,因为我相信它也解决了您的问题

代码:

  • 将您的徽标和文本放在一个标签(链接)中,样式为
    float:right&添加
    显示:内联

    例如:

    <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>
    
    
    
    不要使用
    标记。现在是现代时代。你的fb标志在哪里?图像在哪里?在最右边。我来截图。您可以查看链接以便更好地理解。@java11
    跟随我们
    您的代码没有任何图像,而且
    字体
    已被弃用,CSS应该在单独的文件中谢谢您的帮助。它正确地显示在您的图像上,但不显示在站点上。不知道为什么?@java11我同意这很奇怪。图像显然来自您的站点。我只在开发者控制台编辑了html。facebook徽标是wordpress主题的一部分,所以它不是我自己的图标。它是一个字体很棒的图标,对吗?我也不知道这有什么关系。顺便说一句,我在Firefox中进行了测试,它也能正常工作。为什么要投反对票?我只是想帮忙。我试图通过发布一张图片来澄清这一问题,但无法在评论中添加图片。投票否决你的不是我。我没有足够高的代表来做这件事。我与wordpress合作,因此徽标来自主题。它不会改变任何内容。图标是由主题添加的。所以它会自动放在最右边,只需覆盖图像标签的样式,可能使用
    float:left谢谢。我会试试这个。