JSFiddle - React, Tailwind, and code Playground

by Valentin Sarychev

HTML

<div class="text">
<span>999</span>
</div>
<div class="text">
<span>9999999999</span>
</div>
<div class="text">
<span>999999999999999999</span>
</div>

CSS

.text {
  display: block;
  text-align: center;
}

span {
  display: inline-block;
  background: red;
  min-width: 100px;
  text-align: right;
}