Checkbox personalizzare ed allinerare a sinistra label

[Pierhagi]

Ciao

sto utilizzando questo articolo per dare una nuovo look alle mie checkbox:

http://www.html.it/articoli/persona...on-con-i-css-3/

il codice che utilizzo è quello della "demo conclusiva".

...va tutto bene ma vorrei invertire la posizione delle input con le label, cioè visualizzare a sinistra la label e la checkbox a destra, puoi aiutarmi non capisco come fare?

Penso che con un float: left si dovrebbe invertire ma è possibile creare una nuova regola css invertita così:

codice:

p:not(#foo) > label + input[type='checkbox'] {...}

Ho anche visto questo articolo ma nei css non ho trovato il codice:
http://www.thecssninja.com/demo/css_custom-forms/

[fcaldera]

Originariamente inviato da Pierhagi
Ciao

sto utilizzando questo articolo per dare una nuovo look alle mie checkbox:

http://www.html.it/articoli/persona...on-con-i-css-3/

il codice che utilizzo è quello della "demo conclusiva".

ricontrolla il link.

[Pierhagi]

il link è questo:

Link

cmq...ho risolto!

Quello che pensavo fosse qualcosa di difficile alla fine era solo questione di misure. Cambiando le misure del padding e dei left ho spostato nel verso giusto la label e la checkbox.

Nella pagina html mantenete sempre la checkbox prima della label:

<input type="checkbox" id="css" value="CSS">
<label for="css">CSS</label>