Verticalement l'alignement du texte à côté d'un bouton radio
C'est un CSS de base question, j'ai un bouton radio avec un petit texte de l'étiquette après lui. Je veux que le texte centré verticalement, mais le texte est toujours aligné avec le bouton de la radio bouton dans mon cas.
<p><input type="radio" id="opt1" name="opt1" value="1" />A label</p>
Ici est un Jsfiddle:
Des suggestions?
Merci,
Alan.
- jsfiddle.net/UnA6j/5
- Vous devez utiliser un
<label>
pour une étiquette à la place d'un paragraphe.
Vous devez vous connecter pour publier un commentaire.
L'utiliser à l'intérieur d'un
label
. Utilisationvertical-align
pour le mettre en valeur,--bottom
,baseline
,middle
etc.http://jsfiddle.net/UnA6j/5/
vertical-align
règle. Par exemplevertical-align:-1px;
vertical-align: sub;
Je pense que c'est ce que vous pourriez demander pour
http://jsbin.com/ixowuw/2/
CSS
HTML
Utilisé pour cette
Démo
Cela permettra de donner la mort sur l'alignement
HTML:
CSS:
Vous pouvez essayer quelque chose comme;
et de donner de l'envergure d'une marge en haut comme;
ici est le violon http://jsfiddle.net/UnA6j/11/
Vous devez aligner le texte à gauche du bouton radio à l'aide float:left
Vous pouvez utiliser l'étiquette trop pour les plus sensibles de sortie.
simple et court de solution ajouter ci-dessous style:
Vous pouvez également essayer quelque chose comme ceci:
CSS:
HTML:
CSS:
Il suffit de Régler en haut et en bas comme nécessaire pour l'ALIGNEMENT PARFAIT de bouton radio ou une case à cocher
HTML: