[Résolu] Aligner type="number" et devise

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 :

https://codepen.io/joseph5/pen/oNxVdKy

Merci d'avance.

Bonne journée,
Thierry

P.S. : désolé mais j'ai dû changer le lien car il ne fonctionnait pas apparemment.
Modifié par THIRT05 (28 Sep 2020 - 16:24)

Bonjour à tous,

grâce à NoSmoking de developpez.net, j'ai pu trouver une solution à mon problème.

En fait, il suffit d'appliquer la propriété CSS "white-space: no-wrap;" sur la <div> qui contient le champ de type input="number" et la <span> avec la devise.

.price {
  white-space: nowrap;
}

J'ai adapté le codepen : https://codepen.io/joseph5/pen/oNxVdKy

Bonne soirée,
Thierry