JSFiddle - React, Tailwind, and code Playground

by Ananth Arumugasamy

HTML

<div id="div1">this is a div</div>
<div id="div2">this is a div2</div> 
<p>this is a para</p><p>this is a para</p>
<div> this is div<span id="span">this is a span</span>
</div>
<img src="http://p.imgci.com/db/PICTURES/CMS/128400/128483.1.jpg">
    <p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p><p>this is a para</p>

CSS

#div1{
   float:left; 
}
span{
    position:absolute;
    top:100px;
    right:5px;
}
img{
    position:absolute;
    top:0px;
    z-index:-1;
}

JavaScript

position:
    fixed, absolute,relative