JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="centered-div">
        <b>Enjoy it :D</b>
    </div>
</div>

CSS

.container{
    background:yellow;
    width: %100;
    /* center a div insie another div*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.centered-div{
    width: 80%;
    height: 60px;
    margin: 10px;
    padding:5px;
    background:blue;
    color:white;
}