JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <head>
    
  </head>
  <body>
    
    <p class="text"> 
    Как сделать вот так? Я понимаю, что можно стилизовать первую букву через ::first-letter, но как ее опустить, чтобы получилось вот это    
    </p>
  </body>
</html>

CSS

.text::first-letter{
	font-weight: bold;
	vertical-align: sub;
}