html - 如何并排放置 anchor 标签？

Question

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

这是我正在定制的 html 主题。我在编码方面相当陌生，所以我主要被困住了。我那里没有电子邮件 anchor 标记，我只是复制并粘贴相同的 anchor 标记以尝试弄清楚如何执行此操作。

它令人困惑，因为当您向下滚动时，它被设计为反转导航栏的颜色。这就是为什么您会看到两个相同的 anchor 标记。向下滚动时，它的电话号码先是白色，然后是黑色。

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

希望这不会太困惑。谢谢!

<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>

Answer 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>