JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <p>content</p>

   <div id="banner">
         <div class="inner">
          someday i'll grow  up to be 1900 px wide!   
         </div>
   </div>

    <p>content</p>
    <p>content</p>
    <p>content</p>
    <p>content</p>
    <p>content</p>
</div>

CSS

#container {
  width:300px;
  background:#333;
    margin-left:auto;
    margin-right:auto;
    color: #DDD;
}
#banner {
  margin-left:-200px;
    width:700px;
    background: #555;
    color:#FFF;
}
#banner .inner {
  padding:20px;   
}
p {
  margin-bottom:15px;   
}