JSFiddle - React, Tailwind, and code Playground

by jasonblewis

HTML

<div class="results">
  <div class="stack-entry"><div class="stack-number">4:</div><div class="stack-item">item 4</div></div>
  <div class="stack-entry"><div class="stack-number">3:</div><div class="stack-item">item 3</div></div>
  <div class="stack-entry"><div class="stack-number">2:</div><div class="stack-item">item 2</div></div>
  <div class="stack-entry"><div class="stack-number">1:</div><div class="stack-item">item 1fdsfsdadsa</div></div>
</div>

CSS

.results {
  display: flex;
  flex-direction: column;
  border: 1px solid black;
}

.stack-entry {
  display: flex;
  border: 1px solid black;
  justify-content: space-between;
}

.stack-number {
    border: 1px solid black;
}

.stack-item{
    border: 1px solid black;
}