JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<div class="wrapper">
    <div class="block1">
        <div class="block2"></div>
    </div>
</div>

CSS

.wrapper {
    border: 1px solid red;
    padding: 10px;
}
.block1 {
    width: 600px;
    margin: 0 auto;
    display: table;
    border: 1px solid green;
    padding: 30px;
}
.block2 {
    display: table;
    margin: 0 auto;
    width: 300px;
    height: 100px;
    border: 1px solid grey;
}