JSFiddle - React, Tailwind, and code Playground

by jnfsmile

HTML

<div style="">Test child</div>
<div style="">Test child</div>
<div style="">Test child</div>
<div style="">
  <div style=" width:100px; height:100px;">
    <span style="position:absolute;background:lightgreen;">Test1child
      <span style="background:pink;">Test1child
        <span style="background:lightblue;">Test1child</span>
    </span>
    </span>
  </div>
</div>
<div style="">
  <div style=" width:100px; height:100px;">
    <span style="background:lightgreen;">Test2child
      <span style="background:pink;">Test2child
        <span style="position:absolute;background:lightblue;">Test2child</span>
    </span>
    </span>
  </div>
</div>

<div style="position:absolute;width:100px; height:100px;">
  <span style="background:lightgreen;">Test3child
      <span style="background:pink;">Test3child
        <span style="background:lightblue;">Test3child</span>
        <span style="position:fixed;background:gold;bottom:0">
  Test3Fixed
</span>
  </span>
  </span>
</div>

<div style="position:absolute;width:100px; height:100px;top:0px;">
  <span style="background:lightgreen;">Test4child
      <span style="background:pink;">Test4child
        <span style="background:lightblue;">Test4Child</span>
  </span>
  </span>
</div>
<div style="height:100px;">

</div>
<div style="height:300px;">
  Test
</div>
<div style="height:100px;">

</div>
<div style="position:fixed;background:gold">
  Test5Fixed
</div>
<div style="height:100px;">

</div>