JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <p>Beginning of the document.</p>
        <div id="parent">
            <p>A relatively positioned element.</p>
            <div id="child">
                <p>An absolutely positioned element, inside relatively positioned element.</p>
            </div>
        </div>
        <div id="loner">
            <p>An absolutely positioned element.</p>
        </div>
    </body>
</html>

CSS

#parent{
    position: relative;
    border: 1px solid black;
}

#child, #loner {
    position: absolute;
    right: 0;
    top: 0;
    border: 1px dotted black;
}

p { 
    padding: 0.5em;
}