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