JSFiddle - React, Tailwind, and code Playground

HTML

<span class="mytext">THIS IS MY TEXT</span><br/>
<span class="mytext block">THIS IS MY TEXT</span><br/>

CSS

.mytext {text-transform:lowercase;}
.mytext:first-letter {text-transform:uppercase;}
.block{display:inline-block}