Html 在Safari、Chrome和Opera中缩小时，标题中的右侧内容移动到标题中左侧内容的下方

我正在学习HTML CSS，现在我被一个特殊的问题困住了

这是你的电话号码

问题是，当你在Chrome、Safari和Opera中缩小时，标题右侧的内容移动到标题左侧内容的下方（质量有点差，因为我不得不缩小）

这就是Firefox中的情况，即使你缩小了

我希望左侧和右侧内容都保持在一行，即使在不同的浏览器中缩小

---

我认为这与我的代码中的

边距

和

填充

有关，但我不知道问题出在哪里。

设置。top head的最小宽度为800px可以解决这个问题，但这意味着用户如果想看到标题的其余部分，就必须水平滚动

.top-head {
  height: 45px;
  min-width: 800px;
}

---

查看我从上一个问题中发布的答案：[[1]：