vertical checkbox display

[Don boscoo]

Hi

I have three scrollable divs which has checkboxes and values comes from the database.

<div id="id" style = "height:180px;width:150px;font:16px/26px;overflow:scroll;border: 1px solid">
				<c:forEach items="${disconnectItemsMap.VCList}" var="vCItem" >
   <input type = "checkbox" value = "${vCItem.prodserv_code}" style = "vertical-align: bottom;"/> ${vCItem.prodserv_code}
    </c:forEach>
</div>		
				</td>			
				<td>			
			<div id="id" style = "height:180px;width:150px;font:16px/26px;overflow:scroll;border: 1px solid">
      <c:forEach items="${disconnectItemsMap.UIList}" var="uiItem" >
        <input type = "checkbox" value = "${uiItem.prodserv_code}" style = "vertical-align: bottom; "/> ${uiItem.prodserv_code}
    </c:forEach>
</div>
				</td>
				<td>
			<div id="id" style = "height:180px;width:150px;font:16px/26px;overflow:scroll;border: 1px solid">
				<c:forEach items="${disconnectItemsMap.TNList}" var="tNItem" >
   <input type = "checkbox" value = "${tNItem.prodserv_code}" style = "vertical-align: bottom; "/>  ${tNItem.prodserv_code}
    </c:forEach>
</div>		

Now, i want to display the checkboxes vertically, but am getting the check with two columns like

checkbox checkbox
checkbox checkbox
checkbox checkbox





how do i display the checkboxes vertically in one column. please help

Thanks

[Bear Bibeault]

Showing JSP markup in an HTML forum is not helpful. Please post the generated HTML (nicely formatted) rather than server-side markup.

[Eric Pascarello]

Either wrap them in a block element [aka div] or add a break.

You should also look into using labels. https://developer.mozilla.org/en/HTML/Element/label

Eric