Html 如何防止被边框包围的文本中断到下一行？

我正试图编写一个小网页（针对一个类，而不是真实的），但我遇到了一个奇怪的问题。框中有一些文本。我将代码放在文本周围的边框中，但它会导致换行并转到下一行。下面是代码的样子：

Address: <p style="border-style: solid; width: 250px;">
487, street 1, 8th block, Brig, Indiana
<br>
Phone: 555555555
</p>

地址：

印第安纳州布里格第8街区1街487号


电话：55555

现在每当我运行它时，地址周围的框都在下一行，而不是“地址：”旁边，我不知道为什么。我怎样才能停止这一点，并让它在同一条线上呢？

试试看

#div { 
    white-space: nowrap;
}

---

这是因为

是一个。因此，它总是从一条新路线开始。尝试将其作为一个元素，如下所示：

<p style="border-style: solid;
          width: 250px;
          display: inline-block;
          vertical-align: middle;">

---

请修改您的代码示例。

表示段落，因此它总是在开始段落之前换行。