JSFiddle - React, Tailwind, and code Playground

by sperske

HTML

<div class="parent">
    <div id="kid">
        This div is horizontally centered using auto
    </div>
</div>

CSS

.parent {
    width:500px;
    border: 2px solid #000;
}
#kid {
    width:80%; /* 70% of the parent*/
    margin:10px auto;
    border:2px solid #f00;
}