Aligner base input type="number" et balise span avec le sigle €.

Bonjour à vous,

je me demande quelle est la meilleur façon de pouvoir aligner le composant HTML de type "number" ainsi que le sigle "€" ?

J'avais utilisé un "display: flex;" avec un "justify-content: space-between". Cela marchait très bien mais ça avait un impact quand j'essayais de déplacer les lignes du tableau.

Donc, je me demandais quelle était la meilleure solution pour faire cela (utiliser les float par example) ?

Voici la source codepen pour que vous voyez le problème que je rencontre :

Example codepen

Merci d'avance.

Bonne journée,
Thierry

Bonjour,
pourquoi ne pas mettre un simple

Code:

---

1 2 3

.price { white-space: nowrap; }

---

PS : en espérant que cette fois tu répondes et/ou que tu donnes des nouvelles !

Bonjour NoSmoking,

merci beaucoup pour votre aide.

Je ne savais pas que ça aurait été aussi simple avec cette propriété CSS.

Bonne soirée,
Thierry