JSFiddle - React, Tailwind, and code Playground

HTML

<div class="center">The body hs no width</div>

<div>
    <div class="center">My parent has no width</div>
</div>

CSS

div:first-child {
    margin-bottom: 50px;    
}

.center {
    background-color: lime;
    width:500px;
    margin:0px auto;        
}