JSFiddle - React, Tailwind, and code Playground

HTML

<p>hello world</p>
<!-- h in this example is bold -->

<p>hello world</p>
<!-- but why is % and h bold here? -->

<!-- is there a way to make only the % bold? -->

CSS

p:before { content:"%"; font-weight: bold; padding-right: 5px;}