JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
      <span class="pull-left">George</span>
      <span class="pull-right">$23.20</span>
    

  <div class="block">
    <span class="pull-left">Carl</span>
    <span class="pull-right">$4.81</span>
  

  <div class="block">
    <span class="pull-left">Steve</span>
    <span class="pull-right">$0.34</span>
  </div></div></div>

CSS

/* Styles go here */

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.block {
    display: inline-block; /* since, div, I don't need this right ?*/
    background-color: #87CEEB;
    width: 100%;
}