Div-bokse skal vises i 2 søjler med samme mellemrum mellem hver boks
Jeg har et problem med at få mine div-bokse til at blive placeret uden mellemrum mellem hinanden i 2 søjler. Problemet opstår fordi højden på div-boksene er forskellig.Her er min kode:
<head>
<style type="text/css">
.colwhite {
padding: 5 5 5 5;
margin-top:20px;
margin-left: 80px;
background-color:#fff;
border:#cccccc solid 1px;
}
</style>
</head>
<div style='width:1000px'>
<div class='colwhite' style='width:400px;float:left;'>Div 1<br /><br /></div>
<div class='colwhite' style='width:400px;float:left;'>Div 2</div>
<div class='colwhite' style='width:400px;float:left;'>Div 3<br /><br /><br /></div>
<div class='colwhite' style='width:400px;float:left;'>Div 4</div>
<div class='colwhite' style='width:400px;float:left;'>Div 5</div>
<div class='colwhite' style='width:400px;float:left;'>Div 6</div>
</div>
Ovenstående kode placer mine div-bokse så der er et stort mellemrum under Div 1 og til venstre for Div 3. Jeg vil gerne have at Div 4 flyder op og fylder dette rum istedet for at 'aligne' med Div 5. Håber det giver lidt mening.
