JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <div class="content-inner">
        Hello world, <br />
        I'm some lorem ipsum text that is cool for populating dummy (i.e. stupid) content. Wahoo!
    </div>
</div>
<div class="white-box">
    Lorem ipsum doloooooooooooooor sit amet.
</div>
<div class="white-box">
    &nbsp;
</div>

CSS

.content {
    width: 400px;
    height: 40px;
    position: relative;
}

.content-inner {
    position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
    background: white;
    opacity: 100;
    padding: 30px 0;
}
.white-box {
    background: white;
}