JSFiddle - React, Tailwind, and code Playground

by okke

HTML

<div class="container">
<div class="wrapper">
    <h1>Demo page</h1>
    <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
    <div class="foobar"></div>
</div>
</div>

CSS

.container { min-width:980px; overflow:hidden; border: 1px solid red; }
.wrapper { width:980px; position:relative; margin: 0 auto; 
    border: 1px solid black; }
.foobar { position:absolute; right:0px; bottom:0px; 
    margin-right:-100px; height:100px; width:200px; background:red;
    }