JSFiddle - React, Tailwind, and code Playground

by godfrzero

HTML

<div class="awesomeGrandparent">
    <div class="awesomeParent">
        <ul>
            <li>First Piggy</li>
            <li>Second Piggy</li>
            <li>Third Piggy</li>
            <li>Fourth Piggy</li>
        </ul>
    </div>
</div>

CSS

li {
    line-height: 20px;
}

li:nth-child(3) {
    position: absolute;
    top: 40px;
}

div.awesomeParent {
    position: relative;
}