css bold special character in react

<div>my name is %name%</div>

I have above string 'my name is %name%' rendered on my page in react. How can I style %name%? like make it italic with CSS. Or it's not possible? I tried changing it to

<div>my name is <span>%name%<span></div>

but react rendered the span tag