CSS: visually separate strict markup
I have HTML markup, for example:
<div class="top"> </div>
<div class="bottom"> </div>
<div class="top"> </div>
<div class="bottom"> </div>
<div class="top"> </div>
<div class="bottom"> </div>
...
How can I move CSS through all the topDIVs at the top of the bottomDIVs, for example:
top | top | top
----------------
bottom
----------------
bottom
----------------
bottom
?
Both types of DIV must have a variable height. And topDIVs should also have a variable width.
+3