Set checkbox label to right side or fixed position

Question

This is the code for a standard checkbox:

<fieldset data-role="controlgroup">
        <legend>Agree to the terms:</legend>
        <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
        <label for="checkbox-1">I agree</label> 
</fieldset>

How can I set the label (text) of a checkbox to the right side or to a fixed "px" position?

Something like align-right or right: 50px

Answer 1

If you have this controls in html file

<label for="2">Laparoscopic surgery</label>
<input type="checkbox" name="question" value="14" class="clickable" id="2"  />

It's enough to do this in css:

.clickable{
    float: left;
}