JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
   
    <div id="inner">
        <span id="test">fsaf</span>
    </div>
    
</div>

CSS

#outer{
        width:100%;
        background-color:red;
        padding:10px;    
    }
    
    #inner{
         color:black;
         position:absolute;
         top:0px;
         left:50%;
    }