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

Add a classname or ID for the label like the following:

<label for="checkbox-1" class="chkbox">I agree</label>

Then add css rule for the class,

 .chkbox {
   padding-left: 10px;
   font-weight: bold;
 }

You can give padding, border or whatever style u like for the label.

Demo: DEMO FIDDLE