JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div class="relative">
<span></span>
<p>
    Nam pretium in tellus ut aliquet. Donec laoreet posuere enim. Fusce lectus enim, volutpat ac commodo vitae, egestas eu dolor.

</div>
<p>
    Nam pretium in tellus ut aliquet. Donec laoreet posuere enim. Fusce lectus enim, volutpat ac commodo vitae, egestas eu dolor.
</p>

CSS

.absolute {background:red; width:50px; height:50px; position: absolute; top:0; left:0;}
.relative {border:1px solid blue; background:white; position:relative;}
.relative p {background:green; z-index:2; float:right;}
span {float: left; width:50px; background:beige; height:50px;}