title: How can I position my header at the top of the page and have it come after the content in source order?
body: <p>We are creating a <code>&lt;div&gt;</code>-based web design. We have created one div for header, one div for content and one div for footer. We wish that in the source code, the content div should come first but while viewing, the header should be seen at the top of the page.</p>
  
  <p>How can we achieve this in CSS?</p>