JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
<div>
text1
</div>
<div>
text2
</div>
<div>
text33333333333333333
</div>
</div>

CSS

.test {
  display: grid;
  grid-template-columns: 3em max-content max-content;
  grid-gap: 0.5em;
 }