JSFiddle - React, Tailwind, and code Playground

HTML

non breaking space: <span>&nbsp;</span><br />
en space: <span>&#8194;</span> or <span>&ensp;</span><br />
em space: <span>&#8195;</span> or <span>&emsp;</span><br />
3-per-em space: <span>&#8196;</span><br />
4-per-em space: <span>&#8197; </span><br />
6-per-em space: <span>&#8198; </span><br />
figure space: <span>&#8199;</span><br />
punctuation space: <span>&#8200;</span><br />
thin space: <span>&#8201;</span> or <span>&thinsp;</span><br />
hair space: <span>&#8202;</span><br />

CSS

span {
  background-color: red;
}