JSFiddle - React, Tailwind, and code Playground

HTML

<p id="one">one one one one one one one
 one one one one one one one  
 one one one one one one one one one one one
 one one one one one<b>one one one one one one one one one one</b> 
 one one one one one one one one one one 
 one one one one one one one one one one one one o
one one one one one one one one one </p>
<p id="two">two two two two 
  two two two two two two two two two two two two two
    two twtwo two two two two two two two two two two
  two two two two two two two two two two two two two
    <b> two two two two two two two two two two two two two two two</b>
    two twtwo two two two two two two two two two two
    two two two two<em>two two two two two two two two two
    two two two two two two two two two</em> </p>
<p id="three">three three three three three three 
three three three three three three three three 
three three three three three three three three 
three three <b>hree three three three three three 
three three three three three three three three</b> 
three three three three three three three three 
three three three three three three three three</p>

CSS

p{
                border:1px solid;
                background:#ddd;
                margin:0;
                }
                b{
                background:blue;
                }
                em{
                background:red;
                }
                #one{
                position:absolute;
                top:0;
                left:0;
                width:25%;
                height:10em;
                z-index:10;
                }
                #two{
                position:absolute;
                top:5em;
                left:15%;
                width:30%;
                height:10em;
                z-index:7;
                }
                #three{
                position:absolute;
                top:11em;
                left:0;
                width:50%;
                height:10em;
                z-index:1;
                }
                #one b{
                position:absolute;
                right:-5em;
                top:4em;
                width:20em;
                z-index:-404;
                }
                #two b{
                position:absolute;
                right:-3em;
                top:auto;
                z-index:36;
                }
                #two em{
                position:absolute;
                right:-2em;
                bottom:-0.75em;
                left:7em;
                z-index:-42;
                }
                #three b{
                position:absolute;
                left:3em;
                top:3.5em;
                width:25em;
                z-index:23;
                }