JSFiddle - React, Tailwind, and code Playground

by Alexander Campbell

HTML

<div class="square">square</div>
<div class="bar">bar</div>

CSS

.square,.bar{
    margin-left:auto;
    margin-right:auto;
}
.square{
    background-color:blue;
    width: 100px;
    height: 100px;
    position: relative;
}
.bar{
    background-color:green;
    width: 400px;
    height: 40px;
    position: relative;
    margin-top: -70px;
}