HOW TO INCREASE WIDTH OF CHECK BOX LIST ITEM

Madam Walker

Total Post:22

Points:154
Posted by  Madam Walker
C# 
C#
 1333  View(s)
Ratings:
Rate this:
How to increase the width of checkbox list item text,
I have more space on right side but the text is coming in multiple lines but not coming to right side.
and also it is possible to place the checkbox left to the text?
Thanks in advance!

  1. Kate Smith

    Post:24

    Points:168
    Re: How to increase width of check box list item

    Hello Madam!

    HTML

    <div class="ques">Is it an animal?</div><div class="cb"><input type ="checkbox" value="yes" /></div>
    <div class="ques">Is it an mineral?</div><div class="cb"><input type ="checkbox" value="yes" /></div>
    <div class="ques">Is it an vegetable?</div><div class="cb"><input type ="checkbox" value="yes" /></div>
    <div class="ques">Is it an fruit?</div><div class="cb"><input type ="checkbox" value="yes" /></div>
    <div class="ques">Is it man-made?</div><div class="cb"><input type ="checkbox" value="yes" /></div>

    CSS

    .ques {width:66%;display:inline;float:left;}
    .cb {width:33%;display:inline;float:left;}

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!