comment éviter une nouvelle ligne avec un tag p?

Comment puis-je restr sur la même ligne tout en travaillant avec la

?

Utilisez la propriété display: inline CSS.

Idéal: Dans la feuille de style:

 #container p { display: inline } 

Situation mauvaise / extrême: Inline:

 

...

La

paragraphe

est destinée à spécifier des paragraphes de texte. Si vous ne voulez pas que le texte commence sur une nouvelle ligne, je vous suggère d’utiliser la

manière incorrecte. Peut-être que la correspond mieux à ce que vous voulez réaliser …?

Je suis tombé sur ça pour css

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

via une question similaire stackoverflow

quelque chose comme:

 p { display:inline; } 

dans votre feuille de style le ferait pour toutes les balises p.

Flexbox fonctionne.

 .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