Q:

Rearranging div elements using purely CSS

My site's main stylesheet has the div elements arranged in a very particular order.  In my print stylesheet, I wish to rearrange the order of my div elements using purely CSS.  How can I do this? 
Presume these to be divs in my main stylesheet:
a d
b e
c f
I want it to look like this on my print stylesheet (I remove non-printer friendly divs):
a
f
c
d

A:

You can remove the unwanted divs and stack the remaining divs like this...
http://jsfiddle.net/ywTJy/2/

div {
    width: 50%;
    background-color: #ccc;
    float: left;
}

/* print CSS */

div {
    float: none;
    width: 100%;
}

#b, #e {
    display: none;
}

I'm not sure if you intentionally want to move the "F" div to the 2nd position but it seems awkward if you would order your content one way for the Web and re-order it for print.