JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid">
    <span>
        <h4>1</h4>
    </span>
    <span>
        <h4>2</h4>
        <span>Stuff</span>
    </span>
    <span>
        <h4>3</h4>
    </span>
    <span>
        <h4>4</h4>
    </span>
</div>

CSS

.grid > span {
        background-color: #ffff00;
        display: inline-block;
        width: 100px;
        height: 100px;
        vertical-align: top;
    }
    
    .grid > span > span {
        background-color: #ff00ff;
        display: inline-block;
        width: 250px;
        position:absolute;
        
    }