JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html lang="en">
    <head>
    цувц
    </head>
    <body>
        <div class="l-wrap">
            <p>Lorem ipsum lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum</p>
            <div class="l-fullwidth">
                <p>Content in full width block</p>
            </div>
            <p>Lorem ipsum lorem ipsum lorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum</p>
        </div>
    </body>
</html>

CSS

body{
    margin:0;
    padding:0;
}
div.l-wrap{
    width:300px;
    margin:0 auto;
    background: #C9F8FF;
}
div.l-fullwidth{
    background:#E3FFDE;
    padding:20px 0;
}

div.l-fullwidth{
    margin-left:-50%;
    margin-right:-50%;
}