Déplacer HTML case à cocher à gauche de la largeur d'

Je ne peut pas utiliser de JavaScript et voudrais une réponse en seulement CSS si possbile. J'ai la case à cocher dans un formulaire:

<label for="autologin">Remember Me</label>
<input type="checkbox" class="checkbox" id="autologin" name="autologin" value="1">
<div class="clear"></div>

avec le code CSS suivant:

label {
    float: left;
    margin: 5px 0px;
}

input {
    float: right;
    margin: 5px 0px;
    width: 200px;
}

.clear {
    clear: both;
}

Ce CSS puis-je ajouter de la case pour faire apparaître sur le côté gauche de son 200px de largeur? Je vais avoir un peu de mal avec les chars (alignement vertical en particulier), mais je l'entends de la bonne pratique.
Déplacer HTML case à cocher à gauche de la largeur d'

EDIT: OK, donc beaucoup de gens sont en suggérant de ne pas flotter les entrées vers la droite. Si oui, je peut aussi bien ne pas utiliser float à tous et il suffit de régler la largeur de l'étiquette et ont
après chaque ligne. Serait-ce une pratique acceptable ou suis-je tout simplement miss-à l'aide de flotteurs ici?

OriginalL'auteur Connel | 2013-01-19