Question

i have between 1 and 10 floating divs. If i’m showing 1-5 or all 10, they show up fine:

item1 item2 item3 item4 item5

item6 item7 item8 item9 item10

but if i show like 7 of them, they start getting all weird:

item1 item2 item3 item4 item5

                     item6

item7

How do i fix this? here’s what the div code looks like:

<div style="float:left; margin-right:4px; margin-top:5px; text-align:center; padding:7px; color:#0066a4; font-size: smaller; width:100px;">
  <a href="#" onclick="getElectronicServiceCopy('10'); return false;"><img src="/images/images/Icons/Vehicle_Green.png" border="0"></a>
  <br>Vehicle
</div>

Thanks all!

Answer 1

If i saw you code may be you have to define height to your floated DIV.

For example:

div{
 height:200px;
}