JSFiddle - React, Tailwind, and code Playground
HTML
<section id="leftsection">
<p>Text goes here paragraph 1.<br>This is the second line of the first paragraph element.</p>
<p>Text goes here paragraph 2.</p>
<p>Text goes here paragraph 3.</p>
</section>CSS
#leftsection p:first-child::first-line {
text-transform: uppercase;
}