JSFiddle - React, Tailwind, and code Playground

by lmatonement

HTML

<div id="parent">
  <div id="leaderboard">
    <div class="leaderboard-entry">
      <span>1. steve was here</span>
      <span>57182</span>
    </div>
    <div style="clear: both;">
    
    </div>
  </div>

</div>

CSS

#leaderboard {
  border: solid thin;
  max-width: 30em;
  margin: 1em;
}

.leaderboard-entry {
  
}

.leaderboard-entry span:first-child {
  color : #666;
  float: left;
}

.leaderboard-entry span:nth-child(2) {
  color : #aaa;
  float: right;
}