Question

Do I need to manually specify the height of a div which contains unordered list?

When I have it like this, main1 and main2 div overlap if I don’t set the height of the div. Is there a way of doing it without specifying the height?

<div id='main1'>
<ul>
<li> </li>
<li> </li>
<li> </li>
</ul>
</div>
<div id='main2'>
<ul>
<li> </li>
<li> </li>
<li> </li>
</ul>
</div>

Answer 1

have you tried with float property to float left or right?

#mail1 { float:left };
#mail2 { float:left };

Thanks