JSFiddle - React, Tailwind, and code Playground

by ajmeese7

HTML

<div contenteditable>
  <span>`</span><span class="code">12</span><span class="pseudo-ele"></span><span>`</span>
</div>

CSS

.code {
  font-family: monospace;
  background: rgba(0, 0, 0, 0.05);
}

.pseudo-ele {
  position: absolute;
  /* Other styling as needed */
  content: "3";
}