Question

115

Set checkbox label to right side or fixed position

rated 0 times [ 117] [ 2] / answers: 1 / hits: 63430 / 12 Years ago, tue, february 5, 2013, 12:00:00

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

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

leslijessalyng

Add To Favorites

Follow

Total Points: 650

Total Questions: 85

Total Answers: 109

Location: Croatia

Member since Mon, Sep 6, 2021

3 Years ago

leslijessalyng questions

1 Vue dist path for CSS and JS not found

Fri, Feb 21, 20, 00:00, 4 Years ago

1 How do I loop through multiple pages in an API?

Tue, Jul 30, 19, 00:00, 5 Years ago

1 ReactJS and autofocus

Fri, Jul 5, 19, 00:00, 5 Years ago

1 How to fix The message port closed before a response was received. after window.location.reload() in javascript

Wed, Apr 3, 19, 00:00, 5 Years ago

1 TypeError: $ .find is not a function

Wed, Mar 13, 19, 00:00, 5 Years ago

View All

answered 12 Years ago prestonh · Accepted Answer

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