JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blue"></div>
<div class="red">
    <div class="canv"></div>
</div>

CSS

div{
    height: 200px;
}
.blue{
    width: 100px;
    float:right;
    background: blue;
}
.red{
    margin-right: 100px;
    background: red;   
}

.canv
{
    background: white;      
    margin:  auto;
    
    width: 40px;
    height: 40px
    
}