JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="first">
        text text text
    </div>
    
    <div class="second">
        more more more
    </div>
    
    <div class="third">
        The height of this div is dynamic The height of this div is dynamic The height of this div is dynamic The height of this div is dynamic The height of this div is dynamic The height of this div is dynamic The height of this div is dynamic The height of this div is dynamic The height of this div is dynamic The height of this div is dynamic The height of this div is dynamic The height of this div is dynamic 
    </div>
    
    <div class="fourth">
        kzjlckjkxz
    </div>
</div>

CSS

.wrapper{
    position:absolute;
    left:180px;   
}
.first {
    position:relative;
}

.second {
    position:relative;
}
.third {
    position: relative;
}

.fourth {
    position:relative;
}