JSFiddle - React, Tailwind, and code Playground

HTML

<div class="column">
  <div class="row">
    <span class="text">Lorem yposum dolor sit amet</span><span class="sum">1,000,000,000</span>
  </div>
  <div class="row">
    <span class="text">Hello World</span><span class="sum">10,000</span>
  </div>
</div>

CSS

.column {
  background-color : #aaaaff;
  width : 300px
}

.row {
  padding : 10px;
  border-top-color: #eeeeee;
  border-top-width: 1px;
  border-top-style: solid;
  position: relative;
}

.text {
  width : 150px;
  display: inline-block;
}

.sum {
  position: absolute;
  right: 10px;
  top: 50%;
  line-height: 40px;
  margin-top: -20px;
}