JSFiddle - React, Tailwind, and code Playground
HTML
<h2>Before letter-spacing is added:</h2>
<div class="parent">
<p>Here is some text</p>
</div>
<h2>After letter-spacing is added:</h2>
<div class="parent">
<p class="letterSpacing">Here is some text</p>
</div>
CSS
.parent {
width: 80px;
padding:10px;
background-color:red;
}
.letterSpacing {
letter-spacing: -1.5px;
}