...">

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
source share
1 answer

It is impossible to do this without absolute positioning. Plus, if I could say that there is no reason why you should not do so. There should be a more intuitive way.

+2
source

All Articles