How can I reorder my divs using only CSS?

Question

Given a template where the HTML cannot be modified because of other requirements, how is it possible to display (rearrange) a div above another div

Answer 1

I have a simple way to do this.

    
This content hides when at your layouts chosen breaking point.

    
Content that stays in place

    
This content is set to show at your layouts chosen breaking point.





    .sm-hide {display:block;}
    .sm-show {display:none;}

@media (max-width:598px) {
    .sm-hide {display:none;}
    .sm-show {display:block;}
}