JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    a<span class="highlight">b</span>c
</div>
<div>
    a<span class="fixed">b</span>c
</div>

CSS

div { border: 1px red solid; margin: 1em; }
span { overflow: hidden; display: inline-block; }
span.highlight { border: 1px green solid; }
span.fixed { vertical-align: bottom; }