JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
    <div id="inner">Lorem ipsum dolor sit amet.</div>
</div>

CSS

#outer{
    border:1px solid #666;
    padding:10px;
}

#outer:after{
content:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='14' width='85'><text style='alignment-baseline:hanging;font-size:14px;font-family:Arial,sans-serif;fill:#000;'><tspan style='alignment-baseline:inherit;font-weight:bold;'>Bold</tspan> not bold</text></svg>");
}

#inner{
    border:1px solid #aaa;
    padding:10px;
}