JSFiddle - React, Tailwind, and code Playground

by RichieHindle

HTML

<p>In the main document.</p>

<div id='outer'>
    <p>In the flow of 'outer'</p>
    <div id='one'>
        <p>In the flow within div 'one'.<p>
        <p>In the flow within div 'one'.<p>
        <p>In the flow within div 'one'.<p>
    </div>
    <div id='two'>
        Two, absolute.
    </div>
</div>

CSS

#outer {
    position: relative;
}

#one {
    background-color: #ddf;
    position: absolute;
    left: 50px;
    width: 140px;
}

#two {
    background-color: #dff;
    position: absolute;
    top: 100px;
    left: 250px;
}