Alignement des INPUT

Bonjour
S'il vous plait j'éprouve une difficulté à superposer des choix de réponses dans un formulaire
les images sont plus parlantes:

voici mon code

Code:

---

1 2 3 4 5 6 7

OS préféré:   <input type="radio" name="OS" id="windows XP"> <label for="windows XP">Windows XP</label><br /> <input type="radio" name="OS" id="windows Vista"> <label for="windows Vista">Windows Vista</label><br /> <input type="radio" name="OS" id="MacOS X"> <label for="MacOS X">macOS X</label><br /> <input type="radio" name="OS" id="Linux"> <label for="Linux">Linux</label><br /> <input type="radio" name="OS" id="Autre"> <label for="Autre">Autre</label><br />

---

Voici le rendu de mon code:

Pièce jointe 592722

Voici l'objectif à atteindre:

Pièce jointe 592723

Merci beaucoup d'avance!

Salut,

Comme ça par exemple:

Code:

---

1 2	#cadre{display:flex;justify-content:flex-start;} label{display:block;}

---

Code:

---

1 2 3 4 5 6 7 8 9 10

<div id="cadre"> <strong>OS préféré:</strong> <div> <label for="windows XP"><input type="radio" name="OS" id="windows XP"> Windows XP</label> <label for="windows Vista"><input type="radio" name="OS" id="windows Vista"> Windows Vista</label> <label for="MacOS X"><input type="radio" name="OS" id="MacOS X"> macOS X</label> <label for="Linux"><input type="radio" name="OS" id="Linux"> Linux</label> <label for="Autre"><input type="radio" name="OS" id="Autre"> Autre</label> </div> </div>

---