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:first-letter
{
    font-weight: bold;
}