JSFiddle - React, Tailwind, and code Playground

HTML

<div class='no_fixed_width_block'>
<div class='inline_wrap'>
    <div class='fixed_width_block'>1</div>
    <div class='fixed_width_block'>2</div>
    <div class='fixed_width_block'>3</div>
     <div class='fixed_width_block'>4</div>
</div>
</div>

CSS

.no_fixed_width_block{text-align:center;margin:0 50px}
.inline_wrap{dispaly:inline-block;background-color:red;padding:10px;text-align:center}
.fixed_width_block {display:inline-block;width:60px; height:60px; background-color:grey;margin:10px;text-align:center;color:#fff;}