JSFiddle - React, Tailwind, and code Playground

by taylorRichie

HTML

<div id="wrap">
    <div id="c">Container
        <div id="inner">
            Inner before Breakout
            <h1 class="breakOut">I have broken out</h1>
            Inner after Breakout
        </div>
        <div style="clear:both;"></div>
  </div>
</div>
<footer>
    hi
</footer>

CSS

#c{
    position:relative;
    margin:0px auto;
    width:300px;
    background-color:#CCC;
}
#inner{
    position:relative;
    width:350px;
}
.breakOut{
    position:relative;
    background-color:red;
    left:-25px
}