JSFiddle - React, Tailwind, and code Playground

by operatino

HTML

<div class="div_w">
    <div class="div">
        Text<br>Text<br>Text<br>
        <div class="div-abs">
            <ul>
            <li>One</li>
            <li>Two</li>
            <li>Three</li>
            </ul>
        </div>
    </div>
    One Two Three
</div>

CSS

.div_w {
    position: relative;
    border-bottom: solid 1px blue;
}

.div {
    position: static;
    border-bottom: solid 1px #000;
}

.div-abs {
    position:absolute;
    border-top: solid 1px red;
}