JSFiddle - React, Tailwind, and code Playground

HTML

<div id="output">
    sdgfsdfg
    <span class="color" style="background-color: MediumVioletRed; height: 40px;">
&lt;a href="
        <span class="color" style="background-color: lightgreen; height: 20px; top: 10px;">http://google.com</span>
"&gt;
        <span class="color" style="background-color: lightblue; height: 20px; top: 10px;">Test</span>
    asdf
    </span>
dfddddddd
</div>

CSS

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