Html 需要添加文本和链接到标题

我在Weebly工作，试图编辑我的主题。在顶部标题ROW1中，我想在中间添加文本请求，并将此文本链接到网站页面。此外，我想在电话号码前加上文字，上面写着：Call Today：

以下是我现有的html：

<div id="header">
        <div class="row1">
            <div class="search">{search}</div>
            <div class="social">{social}</div>
            <div class="phone-number">{phone:text}</div>
        </div>

开发网站可以在这里看到：emilyscleaningservice2.weebly.com

---

如果有必要，我也可以更新CSS…但这方面也需要一些指导

尝试将现有html更改为：

<div class="row1">
    <div class="search">{search}</div>
    <div class="social">{social}</div>
    <div class="quoteText">
      <a href="https://emilyscleaningservice2.weebly.com/free-quote.html">Request a free quote</a>
    </div>
    <div class="phone-number">Call today: {phone:text}</div>
</div>

此外，如果您想使其对移动友好，请在上述类下面添加以下CSS：

@media only screen and (max-width: 600px) {
  .quoteText { 
    display:none;
  }
}

---

我已经使用inspect元素对此进行了测试，因此它应该可以正常工作：

Jon-非常感谢！我已经做出了改变，我相信我们就快到了！我想得到一个免费的报价中心的要求。还有…希望今天能接到电话：315-822-5743全部在一条线上，而不是堆叠在一起。思想？我欠你一杯咖啡@SMathias你似乎改变了我原来的答案的布局，顶部的栏现在是全宽的，你移动了号码？如果你把它放回到上面，我可以看看你要求做什么。如果我的原始答案有效，请你投票表决好吗？干杯非常感谢你的帮助！！它工作得很好！

@media only screen and (max-width: 600px) {
  .quoteText { 
    display:none;
  }
}