Here's revisiting an old problem. How do I develop a three-column layout where the main content is in the middle with sidebars on either side, but the main content is first in the HTML markup?\[code\]<body> <section id="main"> <h1>Main Section Title</h1> <img src="http://placehold.it/400x300" /> <p>This is the main content most important to readers</p> </section> <aside id="highlights"><!-- left column --> <h2>Highlights</h2> news feed goes here... </aside><!-- end left column --> <aside id="participate"><!-- right column --> <h2>social Network</h2> social media links here... <h2>Events</h2> events listing here... </aside><!-- end right column --></body>\[/code\]