JSFiddle - React, Tailwind, and code Playground
HTML
<div class="col left">
<span>Bob</span>
<span>Johann</span>
<span>Skip</span>
</div>
<div class="col center">
<span>Strauss</span>
<span>Dingle</span>
<span>Skipperson</span>
</div>
<div class="col right">
<span>3923.33</span>
<span>33.33</span>
<span>0</span>
</div>
CSS
.col {
float: left;
width: 80px;
}
.col span {
display: block;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}