Question

I recently ran across this “article” that explains how to center content with only the use of the html and body tag. But what I can’t not figure out is how to make a full width header and footer while still having my content centered using this method. Any suggestions?

Answer 1

I don’t think you can, if you use the body tag as a div, then any other divs inside it will only have the width of the body tag. So

body {
    width: 200px; 
    margin: 20px auto; 
    padding: 20px;
    border: 1px solid black;
}

will make any divs have a maximum width of 200px.

see this jsfiddle.