[Résolu] Affichage probabilités

Bonjour,

Je dois afficher le résultat d'une prédiction dans ma page.
Je reçois comme résultat 5 chaines de caractères et 5 valeurs en pourcentage qui vont être affichées ensemble.
Voici ma version https://codepen.io/montardon/pen/abvNYbE

J'aimerais savoir comment améliorer le résultat visuel en alignant les chaines de caractères à droite. Les textes peuvent changer et leurs tailles n'est pas connue à l'avance.

Est-il possible, de plus , d'afficher plusieurs blocs de ce type sur une même ligne horizontale ?

Merci d'avance.

Bonjour,

Je restructurerai complètement le HTML pour que chaque élément soit dans une balise (div en l’occurrence)

<div id="stats">
   <div>aaaaaaaa</div> <progress max="100" value="99.95"></progress> <div>99%</div>
   <div>bbb</div> <progress max="100" value="0.03"></progress> <div>0.03%</div>
   <div>ccc</div> <progress max="100" value="0.01"></progress> <div>0.01%</div>
   ...
</div>

Et j'appliquerai un petit CSS

#stats {
   display:grid; 
   grid-template-columns:repeat(3,max-content);
}		

C'est ce qui me parait le plus simple : une grille.

Merci pour cette solution. Cela résout mon problème.