JSFiddle - React, Tailwind, and code Playground

HTML

<div id="containerx" class="clearfix">
    <div id="pl0" class="clearfix"><a href="http://google.com" class="clearfix">long</a></div>
    <div id="pl1" class="clearfix"><a href="http://google.com" class="clearfix">short</a></div>
    <div id="pl2" class="clearfix"><a href="http://google.com" class="clearfix">32676</a></div>
    <div id="pl3" class="clearfix"><a href="http://google.com" class="clearfix">25</a></div>
    <div id="pl4" class="clearfix"><a href="http://google.com" class="clearfix">text</a></div>
    <div id="pl5" class="clearfix"><a href="http://google.com" class="clearfix">anada</a></div>
    <div id="pl6" class="clearfix"><a href="http://google.com" class="clearfix">hawaii</a></div>
    <div id="xy_0" class="clearfix">LONGTXTLONG<a href="http://google.com" class="clearfix">TXT</a>TXTLONGTXTLONGTXTLONGTXTLONGTXT</div>
    <div id="default" class="clearfix"></div>
</div>

CSS

#containerx{
        width: 1000px;
        height: 1000px;
        margin: 0 auto;
        background: url('http://placekitten.com/1000/1000');
    }
    #default
    {
        width: 1000px;
        height: 1000px;
        background: url('http://placekitten.com/1000/1000');
        margin: 0 auto;
    } 
    #containerx #xy_0
    {
        padding: 90px 0 0 425px;        
        position: absolute;
    }
    #containerx #pl0
    {
        padding: 100px 0 0 120px;        
        position: absolute;
        z-index:10; /*zindex works here i think*/
    }
    #containerx #pl1
    {
        padding: 150px 0 0 120px;        
        position: absolute;
        z-index:10; /* this is here to show z index doesnt work here*/
    }
    #containerx #pl2
    {
        padding: 2222px 0 0 120px;        
        position: absolute;
        font-size: 22px;
    }
    #containerx #pl3
    {
        padding: 322px 0 0 120px;        
        position: absolute;
        font-size: 22px;
    }
    #containerx #pl4
    {
        padding: 345px 0 0 120px;        
        position: absolute;
        font-size: 22px;
    }
    #containerx #pl5
    {
        padding: 444px 0 0 120px;        
        position: absolute;
        font-size: 22px;

    }
    #containerx #pl6
    {
        padding: 521px 0 0 120px;        
        position: absolute;
        font-size: 22px;
    }