JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <h3 class="title">
    Title text<span class="badge">Badge</span>
  </h3>
</div>

CSS

.container {
  width: 100px;
  border: 1px solid grey;
}

.badge {
  margin-left: 4px;
  background-color: grey;
  padding: 2px 6px;
}

.badge:before {
  content: ' ';
}