Question

I have a form which contains several checkboxes align vertically in a div. I want to remove the space between each checkbox. But I can’t find any solutions.

<div style="height:100px;width:25px;float:left;">
  <input type="checkbox"/>
  <input type="checkbox"/>
  <input type="checkbox"/>
  <input type="checkbox"/>
  <input type="checkbox"/>
  <input type="checkbox"/>
</div>

Does anyone have any solution to this problem?

Answer 1

I found the solution:

  <input type="checkbox" style="margin: 0; padding 0;  height:13px"/>

For IE, you need to set the height to remove the space between checkboxes.