JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<p>
ex<span style="color:red">&shy;</span>ample
</p>

CSS

span {
  position: relative;
}
span::after {
  content: "";
  position: absolute;
  width: 4px;
  bottom: -3px;
  height: 4px;
  background-color: red;
  left: -2px;
}