¿Cómo evitar una nueva línea con la etiqueta p?

¿Cómo puedo mantenerme en la misma línea mientras trabajo con la etiqueta

?

Solutions Collecting From Web of "¿Cómo evitar una nueva línea con la etiqueta p?"

Use la display: inline propiedad CSS en display: inline .

Ideal: en la hoja de estilo:

 #container p { display: inline } 

Situación mala / extrema: en línea:

 

...

La etiqueta de párrafo

está destinada a especificar párrafos de texto. Si no desea que el texto comience en una nueva línea, le sugiero que esté usando la etiqueta

incorrectamente. Tal vez la etiqueta se ajuste más a lo que quieres lograr …?

Me encontré con esto por css

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

a través de una pregunta similar sobre stackflow

algo como:

 p { display:inline; } 

en tu hoja de estilo lo haría por todas las tags p.

Flexbox funciona.

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

A

B

C