CodePen

HTML

            
              <div class="wrapper">
  <h1>This is some content</h1>
  <div class="stretch">
  </div>
  <p>MOre content here.</p>
</div>
            
          
!

CSS

            
              body { margin: 0; }

.wrapper {
  width: 500px;
  padding: 100px;
  background: #ccc;
}

.stretch {
  background: blue;
  height: 200px;
  margin-left: -100px;
  margin-right: -100px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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