Formatta tutte le etichette dopo una casella di controllo e un pulsante di opzione con selettore css

Question

Ho pulsanti di opzione e caselle di controllo con ciascuna un'etichetta sul lato destro.

Voglio formattare l'etichetta con un margine sinistro: 10px; per avere una distanza dai comandi di radion/check.

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

Questa css si sta muovendo in qualche modo l'intero 10px di controllo + etichetta sul lato destro ...

Voglio solo il margine sinistro sull'etichetta.

Cosa devo cambiare nel mio selettore?

Answer 1

input[type="radio"] label è alla ricerca di un label che è un figlio di un input[type=radio] si desidera:

input[type="radio"] + label 

per un'etichetta fratello adiacente

Answer 2

È necessario specificare loro separatamente. Nel tuo css hai applicato lo stile anche a input[type="checkbox"] da solo.

fare in questo modo:

DEMO http://jsfiddle.net/aJPaq/

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