Can I use CSS to reverse the display order of two elements?

Answer 1

The following code will sort your issue and according to caniuse.com is compatible with all browsers except for IE7 and below.

Full support on CSS table display can be found here

HTML

    
1
    
2

CSS

#child2 {
    display:table-header-group;   
}
#child1 {
    display:table-footer-group;    
}