จะหลีกเลี่ยงการขึ้นบรรทัดใหม่ด้วย p tag ได้อย่างไร?

ฉันจะอยู่ในบรรทัดเดียวกันในขณะที่ทำงานกับ<p>แท็กได้อย่างไร

ใช้display: inlineคุณสมบัติ CSS

เหมาะอย่างยิ่ง: ในสไตล์ชีต:

#container p { display: inline }

สถานการณ์เลวร้าย / รุนแรง: อินไลน์:

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

<p>แท็กวรรคที่มีความหมายสำหรับการระบุย่อหน้าของข้อความ หากคุณไม่ต้องการให้ข้อความขึ้นบรรทัดใหม่ฉันขอแนะนำว่าคุณใช้<p>แท็กไม่ถูกต้อง บางที<span>แท็กใกล้เคียงกับสิ่งที่คุณต้องการบรรลุมากขึ้น ... ?

ฉันเจอสิ่งนี้สำหรับ css

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

ผ่านคำถาม stackoverflow ที่คล้ายกัน

สิ่งที่ต้องการ:

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>