Box Model for a 2-column page layout

Hover over each area of the page layout below to view style attributes.

<body>
The viewport includes the <html> and <body> tags.

<header>
header {margin:0; border:1px solid #000; padding:0; } for site name and slogan

<main>
main holds all the articles
main {margin:0 0 0 26%; border:1px solid gray; width:72%;}

<article id="topic1">
article#topic1 {width:auto; margin:0 0 0 27%; border:1px solid #000; padding:1%; min-height:300px;}

<article id="topic2">
article#topic2 {width:auto; margin:0 0 0 27%; border:1px solid #000; padding:1%; min-height:300px;}