JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Paragraph Position</h2>
<p class="outer">Hello Outer
    <p class="inner">Hello Inner</p>
</p>
<br/>

<h2>Division Position</h2>
<div class="outer">Hello Outer
    <div class="inner">Hello Inner</div>
</div>

CSS

.outer {
        position: relative;
        background-color: red;
        height: 100px;
        width: 500px;
    }

    .inner {

        position: absolute;
        top: 15px;
        left: 15px;
        background-color: green;
    }