JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top"></div>
<h1>hahahaha</h1>
<h2>hehehehe</h2>
<div class="bottom"></div>

CSS

h2{margin-top:-80px}

.top {
    height: 100px;
    background: #f00;
}

.bottom {
    height: 100px;
    background: #f00;
}