JSFiddle - React, Tailwind, and code Playground

HTML

<p class="spacing-1">This is some text …</p>
<p class="spacing-2">This is some text …</p>
<p class="spacing-3">This is some text …</p>
<p class="spacing-4">This is some text …</p>
<p class="spacing-5">This is some text …</p>
<p class="spacing-6">This is some text …</p>
<p class="spacing-7">This is some text …</p>
<p class="spacing-8">This is some text …</p>
<p class="spacing-9">This is some text …</p>
<p class="spacing-10">This is some text …</p>

CSS

.spacing-1 {
    letter-spacing: 0.1px;
}

.spacing-2 {
    letter-spacing: 0.2px;
}

.spacing-3 {
    letter-spacing: 0.3px;
}

.spacing-4 {
    letter-spacing: 0.4px;
}

.spacing-5 {
    letter-spacing: 0.5px;
}

.spacing-6 {
    letter-spacing: 0.6px;
}

.spacing-7 {
    letter-spacing: 0.7px;
}

.spacing-8 {
    letter-spacing: 0.8px;
}

.spacing-9 {
    letter-spacing: 0.9px;
}

.spacing-10 {
    letter-spacing: 1px;
}