How to increase width of check box list item

Madam Walker 2464 28 Sep 2013

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!

Ask by Madam Walker

Updated 28 Sep 2013

Kate Smith 28 Sep 2013

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;}

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.