使用display: inline CSS属性。
理想：在样式表中：

#container p { display: inline }

不良/极端情况：内联：

<p style="display:inline">...</p>

<p>段落标签用于指定文本的段落。如果你不想让文本从新行开始，我建议你错误地使用了<p>标签。也许<span>标签更符合您想要实现的目标...？

I came来across横过this for CSS，

span, p{overflow: hidden; white-space: nowrap;}

通过a similar Stack Overflow question。

就像

p
{
    display: inline;
}

在你的样式表中会为所有的 p 标签做这件事。

Flexbox工作。

.box{
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  border: 1px solid #e3f2fd;
}
.item{
  flex: 1 1 auto;
  border: 1px solid #ffebee;
}

<div class="box">
  <p class="item">A</p>
  <p class="item">B</p>
  <p class="item">C</p>
</div>

我不同意the currently accepted answer和其他例子，因为它们会导致不好的实践。公认的答案不是w3c规范。p标记是一个display block element，应该用作内容措辞的容器。
如果你不想要一个段落，你需要元素内联，那么不要使用p标签。对内联内容使用span或其他选项。