JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li class="textClass">TextClass</li>
</ul>

CSS

li.textClass {
  position: relative;
  list-style: none;
  padding: 0 30px;
}

li.textClass::before {
  content: 'X';
  position: absolute;
  top: 0;
  left: 0;
}

li.textClass:hover::before {
  transform: rotate(90deg);
}