come evitare una nuova riga con tag p?

Come posso rimanere sulla stessa linea mentre lavoro con il tag

?

Solutions Collecting From Web of "come evitare una nuova riga con tag p?"

Usa il display: inline proprietà CSS in display: inline .

Ideale: nel foglio di stile:

 #container p { display: inline } 

Ctriggers / situazione estrema: Inline:

 

...

Il tag di paragrafo

è inteso per specificare paragrafi di testo. Se non vuoi che il testo inizi su una nuova riga, ti suggerisco di utilizzare il tag

modo errato. Forse il tag si avvicina di più a ciò che vuoi ottenere …?

Mi sono imbattuto in questo per css

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

tramite una domanda simile a StackOverflow

qualcosa di simile a:

 p { display:inline; } 

nel tuo foglio di stile lo farebbe per tutti i tag p.

Flexbox funziona.

 .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