Html P标记中的代码在Safari浏览器中以两行不同的形式显示输出

我是一个新的html开发人员。下面的代码在chrome浏览器中以一行的形式完美地显示输出，但在safari浏览器中没有。Html P标记中的代码在safari浏览器中以两行的形式显示输出。从我开始，我尝试了我所能做的一切，但都没有成功。有人能帮我修复它吗？作为参考，我附上了chrome屏幕和safari屏幕的截图

.contactcard{
背景：#fff；
文本对齐：居中；
填充：35px 25px；
边框：2个实心#ccc；
边缘底部：30px；
}
.联系人部分.联系人图像{
边缘底部：20px；
}
.联系卡.联系内容h4{
边缘底部：25px；
}
.联系卡.联系内容p{
字体系列：“Roboto”，无衬线；
线高：1.7；
}

快速接触
Ph:+123 4567 8910
电子邮件：info@gmail.com

请尝试以下操作：

<div class="container">
  <div class="col-lg-4 col-md-4 col-sm-4">
    <div class="contactcard">
      <div class="contactcontents">
        <div class="contact-images">
          <img src="images/icon/contact.jpg" alt="Contact-details" title="Quick contact">
        </div>
        <h4>quick contact</h4>
        <p>Ph: +123 4567 8910</p>
        <p>Email: info@gmail.com</p>
      </div>
    </div>
  </div>
</div>

快速接触
Ph：+123 4567 8910

电邮：info@gmail.com

您需要提供一个（包括相关CSS）。您好，这是我拥有的最小代码，我已经更新了所有相关CSS。-我无法在Safari 14.1中重现该问题。1@Quentin请在safari上查看此url，然后向下滚动，我也无法在那里复制它。