JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
        <div class="child"></div>      
</div>

CSS

.parent
    {
     z-index: 10; 
     display: block; 
     position:relative;
     margin: 10px auto 20px; 
     width: 930px; 
     min-height: 250px;
     background: #ccc;
    }
    
.child
    {
     position: inherit;
     width: 700px;
     height: 60px;
     margin: 20px auto 10px;
     background: #f00;
    }