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;
}