JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="with_margin">With margin</div>
    <br /><br />
    <div class="without_margin">Without Margin</div>
</div>

CSS

div.wrap {
    text-align: center;
}

div.wrap div {
    display: inline-block;
    height: 100px;
    width: 100px;
    color: #fff;
}

div.wrap div.with_margin {
    
    margin-right: 50px;
    background: #f00;
}

div.wrap div.without_margin { 
    background: #000;
}