Comment puis-je faire de multi-ligne, verticale et horizontale des étiquettes pour les boutons radio dans les Formulaires HTML avec CSS?

En supposant que le balisage suivant:

<fieldset>
    <legend>Radio Buttons</legend>
    <ol>
        <li>
            <input type="radio" id="x">
            <label for="x"><!-- Insert multi-line markup here --></label>
        </li>
        <li>
            <input type="radio" id="x">
            <label for="x"><!-- Insert multi-line markup here --></label>
        </li>
    </ol>
</fieldset>

Comment puis-je style de bouton radio étiquettes de sorte qu'ils ressemblent à la suite dans la plupart des navigateurs (IE6+, FF, Safari, Chrome:

Comment puis-je faire de multi-ligne, verticale et horizontale des étiquettes pour les boutons radio dans les Formulaires HTML avec CSS?

OriginalL'auteur Patrick Klingemann | 2009-05-26