JSFiddle - React, Tailwind, and code Playground

HTML

<section class="something">
    <div class="something-article-background-first">
        <div class="something-article-background-second">
            <div class="something-article-container">
                <article class="something-article">
                    <h2>Hi</h2>
                    hello
                </article>
                <article class="something-article">
                    <h2>There</h2>
                </article>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</section>

CSS

body{
    background-color: #eee;
}
.something{
    width: 960px;
    margin-right: auto;
    margin-left:  auto;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
.something-article{
    width: 430px;
    padding: 20px;
    margin-left: 20px;
    float: left;
}
.something-article:first-of-type{
    margin-left: 0;
}
.something-article-container{
    position: relative;
    left: 490px;
}
.something-article-background-first{
    position: relative;
    left: -470px;
    background-color: #eee;
}
.something-article-background-second{
    position: relative;
    left: -20px;
    background-color: #fff;
}
.clear{
    clear: both;
}