jak uniknąć nowej linii ze znacznikiem p?

Jak mogę pozostać na tej samej linii podczas pracy z <p>tagiem?

Użyj display: inlinewłaściwości CSS.

Idealnie: w arkuszu stylów:

#container p { display: inline }

Zła / ekstremalna sytuacja: w tekście:

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

Znacznik <p>akapitu służy do określania akapitów tekstu. Jeśli nie chcesz, aby tekst zaczynał się w nowej linii, sugeruję <p>nieprawidłowe użycie tagu. Być może <span>tag bardziej pasuje do tego, co chcesz osiągnąć ...?

Natknąłem się na to w przypadku css

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

za pomocą podobnego pytania o przepełnienie stosu

coś jak:

p
{
    display:inline;
}

w twoim arkuszu stylów zrobiłoby to dla wszystkich znaczników p.

Flexbox działa.

.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>