JSFiddle - React, Tailwind, and code Playground

HTML

<pre><div><span class="hl0">I am</span> <span class="hl2">under the text</span> <span class="hl5">above</span></div>
<div>  <span class="hl1">am under</span>     <span class="hl4">text above</span></div>
</pre>

CSS

.hl0 {
    background: lime;
}
.hl1 {
    background: red;
}
.hl2 {
    background: cyan;
}
.hl3 {
    background: orange;
}
.hl4 {
    background: yellow;
}
.hl5 {
    background: red;
}