CodePen

HTML

            
              <div class="header">
  <div class="wrapper">HEADER HERE</div>
</div>
<div class="content wrapper">
  YOUR CONTENT IS HERE

</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              div {
  height:50px;
  line-height:50px;
  text-align:center;
  color:white;
  font-weight:bold;
  
}

.wrapper {
  width:80%;
  max-width:960px;
  margin:0 auto;
}

.header {
  background:red;
}

.header .wrapper{
  background:orange;
}

.content {
background:grey;
  min-height:250px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................