JSFiddle - React, Tailwind, and code Playground

by danShumway

HTML

<div class = 'parent'>
    <div class = 'child1'>
        <div class = 'box'></div>
    </div>
</div>

CSS

.parent {
    width:600px;
    height:600px;
    background-color:green;
}

.child1 {
    width:400px;
    height:400px;
    background-color:red;
    margin-left:50%;
}

.box {
    width:300px;
    height:300px;
    background-color:black;
}