JSFiddle - React, Tailwind, and code Playground

by jrm2k6

HTML

<div class="player-media-error">
    
    <div class="player-media-error-container">            
        <div id="img"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAM1BMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzeCmiAAAAAEHRSTlMA7rjErAmOlqbhKgYs9Csohd0y5wAAAGRJREFUGNNlj9EOwBAMRa+hVWPr/3/tqEmI8+LmaJNedDKJqlDGILL+cETj9i26EFx7fDf2n4BkM8Cjq9AXpDpXOgSZoloQ6Fy5RjqF7EJAuyCUXWSAV8HL6dVOP8sZhXt9tvofaEQKLPAAaM4AAAAASUVORK5CYII="/> 
        </div>
        <div id="text">my text </div>
    </div>
</div>

CSS

.player-media-error {
    position:absolute;
    z-index:105;
    height:41px;
    width:100%;
    top:0px;
    left:0px;
    background-color:#333;
    border-bottom:1px #222;
    text-align:center;
}

.player-media-error-container {
    background-color: red;
    z-index:105;
}

#img, #text {
    display: inline-block;
}