Formatieren Sie alle Beschriftungen nach einem Kontrollkästchen und Optionsfeld mit CSS-Selektor

Question

Ich habe Optionsfelder und Kontrollkästchen mit jeweils einer Bezeichnung auf der rechten Seite.

Ich möchte das Etikett mit einem Rand-links zu formatieren: 10px; eine Entfernung zu den Radion/Check-Kontrollen haben. irgendwie die ganze Steuerung + Label 10px auf der rechten Seite

input[type="checkbox"], input[type="radio"] label { 
    margin-left:10px; 
} 

Diese css bewegt ...

ich nur den linken Rand auf dem Etikett werden soll.

Was muss ich in meinem Selektor ändern?

Answer 1

input[type="radio"] label für eine label suchen, der ein Kind eines input[type=radio] moechten:

input[type="radio"] + label 

für eine benachbarte Geschwister-Label

Answer 2

Sie müssen sie separat angeben. In Ihrem CSS haben Sie den Stil auf input[type="checkbox"] auch alleine angewendet.

es wie folgt tun:

DEMO http://jsfiddle.net/aJPaq/

input[type="checkbox"] + label, input[type="radio"] + label { 
    margin-left:10px; 
}