JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="true">Here's some initial text. <span class="tag" contenteditable="false">(not editable/backspaceable)</span> And more text. </div>
<br/>
<br/>
<div contenteditable="true">Here's some more initial text. <span class="tag" contenteditable="false" style="display: inline;">(not editable/backspaceable)</span> And more text. </div>

CSS

.tag {
    background: peachpuff;
}

span {
 background-color:orange; 
}