calvinklein
New Member
HTML code\[code\]<div id=checkbox> <div id=groupfour> <div id=groupone> <input type="checkbox" checked="checked" name="Mapmashup" value="http://stackoverflow.com/questions/13800625/Jan" id="EJan"> <label>Jan </label> </div> <div id=groupone> <input type="checkbox" checked="checked" name="Mapmashup" value="http://stackoverflow.com/questions/13800625/Feb" id="EFeb"> <label>Feb</label> </div> <div id=groupone> <input type="checkbox" checked="checked" name="Mapmashup" value="http://stackoverflow.com/questions/13800625/Mar" id="EMar"> <label>Mar</label> </div> <div id=groupone> <input type="checkbox" checked="checked" name="Mapmashup" value="http://stackoverflow.com/questions/13800625/Apr" id="EApr"> <label>Apr</label> </div> </div> <div id=groupfour> <div id=groupone> <input type="checkbox" checked="checked" name="Mapmashup" value="http://stackoverflow.com/questions/13800625/May" id="EMay"> <label>May</label> </div> <div id=groupone> <input type="checkbox" checked="checked" name="Mapmashup" value="http://stackoverflow.com/questions/13800625/Jun" id="EJun"> <label>Jun</label> </div> <div id=groupone> <input type="checkbox" checked="checked" name="Mapmashup" value="http://stackoverflow.com/questions/13800625/Jul" id="EJul"> <label>Jul </label> </div> <div id=groupone> <input type="checkbox" checked="checked" name="Mapmashup" value="http://stackoverflow.com/questions/13800625/Aug" id="EAug"> <label>Aug</label> </div> </div>\[/code\]CSS Code\[code\]#groupfour{ position:relative; vertical-align: bottom;}\[/code\]I want to group my checkboxes of months in group of four in three rows . This way its coming in a vertical list of months .If I remove internal div checkboxes are not alligned in all three rows .