JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <div class='box'></div>
</section>

<section>
    <div class='box'></div>
</section>

<section>
    <h1>Heading</h1>
    <div class='box'></div>
</section>

<section>
    <div class='box'></div>
</section>

CSS

.clear
{
    clear:both;
}

section
{
    float:left;
    width:40%;
    margin-right:5%;
    margin-bottom:5%;
}

.box
{
    width:100%;
    height:100px;
    background:black;
}

h1
{
    margin:0
    padding:0
}