如何将锚标签并排放置?

时间:2019-01-30 02:48:20

标签: html css

我在导航栏中尝试并排获取电话号码链接和电子邮件链接时遇到问题。

这来自我正在自定义的html主题。我在编码方面还很陌生,所以我陷入了困境。我没有电子邮件锚标签,香港专业教育学院只是一直在复制和粘贴相同的锚标签,试图找出如何做到这一点。

它令人困惑,因为当您向下滚动时,它希望反转Navbar的颜色。这就是为什么您看到两个相同的锚标记。向下滚动时,电话号码先显示为白色,然后显示为黑色。

我只是想在此标签的右侧获得另一个锚标签(电子邮件链接)。

希望那太令人困惑了。谢谢!

<header class="header header-fixed header-fixed-on-mobile header-transparent" data-bkg-threshold="100">
            <div class="header-inner">
                <div class="row nav-bar">
                    <div class="column width-12 nav-bar-inner">
                        <div class="logo width-12">
                            <div class="logo-inner">
                                <a href="tel:1-530-680-8255"  style="color:grey">1-530-680-8255</a>
                                <a href="tel:1-530-680-8255"><i class="fas fa-phone"></i>1-530-680-8255</a>



                            </div>
                        </div>

1 个答案:

答案 0 :(得分:1)

此代码应使其彼此相邻。 Display:inline-block可以做到这一点。使其内嵌

<a href="tel:1-530-680-8255"  style="color:grey; display:inline-block">1-530-680- 
     8255</a>
      <a href="tel:1-530-680-8255"><i class="fas fa-phone" style="display:inline-block"> 
       </i>1-530-680-8255</a>