I have the following divs:
<div id="outer">
<div id="inner" >Inner1
<div id="ininner1" >Ininner1</div>
<div id="ininner2">Ininner2</div>
</div>
<div id="inner2">Inner2</div>
</div>
How can I increment their heights so that they are in a single column? I was thinking maybe a for loop, but I'm not quite sure how that would work with divs
#inner{
background-color:#B0C2F7;
top: 80px;
left: 125px;
}
#inner2{
background-color:#FF0000;
top: 180px;
left: 25px;
}
The Ininner divs are the same way with different numbers for 'top'. I just a way to do with a loop if possible.
div {width:100%; float:left;}