---
title: "How to increase width of check box list item"  
description: "How to increase width of check box list item"  
author: "Madam Walker"  
published: 2013-09-28  
updated: 2013-09-28  
canonical: https://www.mindstick.com/forum/1569/how-to-increase-width-of-check-box-list-item  
category: "c#"  
tags: ["c#"]  
reading_time: 1 minute  

---

# How to increase width of check box list item

How to [increase](https://www.mindstick.com/articles/12959/are-you-struggling-to-increase-the-profit-of-your-liquor-store) the width of [checkbox](https://www.mindstick.com/articles/291/how-should-use-checkbox-control-in-vb-dot-net) list [item](https://www.mindstick.com/forum/156564/remove-item-in-an-array-in-javascript) [text](https://www.mindstick.com/blog/301635/did-people-reinvent-texting-to-express-the-full-range-of-emotions),I have more [space](https://www.mindstick.com/articles/12954/do-your-electrical-repair-in-your-own-space) on [right](https://www.mindstick.com/articles/12766/check-whether-you-are-doing-digital-transformation-right-or-not) side but the text is coming in [multiple](https://www.mindstick.com/blog/12797/iowa-is-expected-to-see-heavy-growth-in-multiple-sectors) lines but not coming to right side.and also it is possible to place the checkbox [left](https://www.mindstick.com/articles/12768/don-t-be-left-behind-with-the-new-it-revolution) to the text?Thanks in [advance](https://www.mindstick.com/blog/33258/jee-mains-and-jee-advance-exams)!\

## Replies

### Reply by Kate Smith

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


---

Original Source: https://www.mindstick.com/forum/1569/how-to-increase-width-of-check-box-list-item

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.