JSFiddle - React, Tailwind, and code Playground

HTML

<div class=cont>
<div class=rr>
a
</div>
<div class=rr>
b
</div>
<div class=rr>
c
</div>
<div class=rr>
d
</div>
<br>
</div>

CSS

.rr{
  display:inline-block;
  border:1px solid;
  width:20px;
}
.cont{
  display:flex;
  width:300px;
  justify-content: space-between;
}