Ajouter un espace entre un groupe ou un bouton radio

Question

J'ai un groupe de radiobutton, Maintenant, comment puis-je ajouter de l'espace entre les options d'un bouton radio d'un groupe. comme celui-ci

http://img692.imageshack.us/img692/3955/radiod.jpg

soit en utilisant css

Answer 1

Disco Dancer fourni une réponse valiad, mais notez que IE6 ne supporte pas sélecteur d'attribut (http://www.quirksmode.org/css/contents.html) et vous n'avez pas besoin d'un hack pour résoudre ce problème en appliquant la classe à vos boutons radio

donc votre HTML serait:

 
<input type="radio" name="foo" class="bar" value="lorem"> Lorem <br> 
<input type="radio" name="foo" class="bar" value="ipsum"> Ipsum <br> 
<input type="radio" name="foo" class="bar" value="dolor"> Dolor 

Et CSS peut être comme:

input.bar { margin: 5px 0; } 

Answer 2

line-height est probablement votre meilleur choix

Answer 3

Essayez de mettre dans votre feuille de style:

input[type=radio] { margin-bottom: 15px } 

Bien sûr, vous pouvez augmenter la 15px pour autant que vous le souhaitez.

Answer 4

<p class="radios"> 
    <label><input type="radio"> Foo</label> 
    <label><input type="radio"> Bar</label> 
</p> 

.radios label { 
    display: block; 
    margin-bottom: 15px; 
} 

Facile à peasy et devrait fonctionner dans tous les navigateurs. Toujours utiliser label pour tous les éléments de formulaire, en particulier les boutons radio et les cases à cocher, qui permet de cliquer sur le texte ainsi que sur le petit bouton pour sélectionner l'option.