JSFiddle - React, Tailwind, and code Playground

HTML

<div class="card">
      <div class="card-title">Some Title</div>
      <div class="card-data">
        <span>{`Some data: 07/22/2020`}</span>
        <span>TEST</span>
      </div>
    </div>

CSS

.card {
  display: flex;
  justify-content: space-between;
  width: 500px;
  background: white;
  color: black;
  padding: 20px;
  border: 1px solid rgba(0,0,0,.3);
}

.card-title {
  flex: 1;
  font-weight: bold;
}
.card-data {
  flex: 1;
  font-weight: bold;
}