JSFiddle - React, Tailwind, and code Playground

by nilloc

HTML

<pre><span></span>&lt;statement&gt;&lt;variable-declaration&gt;&lt;type&gt;event&lt;/type&gt;<span class="documented-element">&lt;sp&gt; &lt;/sp&gt;</span>&lt;identifier&gt;
</pre>

CSS

pre{
  white-space:pre-wrap;
}

.documented-element{
  color:green;
  display:inline-block;
  position:relative;
}

.documented-element::before{
  content:"•";
  color:hsla(100,50%,50%,0.5);
  position:absolute;
  top:0;
  left:4ch;
  
  /* background-color:blue; */
}