JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="inline-block">1</div>
    <div class="inline-block">2</div>
    <div class="inline-block">3</div>
    <div class="inline-block">4</div>
</div>

CSS

body { }
.wrap { display: inline-block; text-align: center; }
.inline-block { display: inline-block; width: 100px; border: 1px solid red; }
.wrap:after {display: inline-block; width: 207px;  content: '' }