Code for HTML
<div id=checkbox>
<div id=groupfour>
<div id=groupone>
<input type="checkbox" checked="checked" name="Mapmashup" value="Jan" id="EJan">
<label>Jan </label>
</div>
<div id=groupone>
<input type="checkbox" checked="checked" name="Mapmashup" value="Feb" id="EFeb">
<label>Feb</label>
</div>
<div id=groupone>
<input type="checkbox" checked="checked" name="Mapmashup" value="Mar" id="EMar">
<label>Mar</label>
</div>
<div id=groupone>
<input type="checkbox" checked="checked" name="Mapmashup" value="Apr" id="EApr">
<label>Apr</label>
</div>
</div>
<div id=groupfour>
<div id=groupone>
<input type="checkbox" checked="checked" name="Mapmashup" value="May" id="EMay">
<label>May</label>
</div>
<div id=groupone>
<input type="checkbox" checked="checked" name="Mapmashup" value="Jun" id="EJun">
<label>Jun</label>
</div>
<div id=groupone>
<input type="checkbox" checked="checked" name="Mapmashup" value="Jul" id="EJul">
<label>Jul </label>
</div>
<div id=groupone>
<input type="checkbox" checked="checked" name="Mapmashup" value="Aug" id="EAug">
<label>Aug</label>
</div>
</div>
CSS Code
#groupfour
{
position:relative;
vertical-align: bottom;
}
I need to organize my checkboxes into groups of four in three rows. This setup will display the months vertically. Removing the internal div affects the alignment of checkboxes across all three rows.