JSFiddle - React, Tailwind, and code Playground

HTML

<p id="first">My list:</p>
<p id="second">|-> not last element</p>
<p id="third">|-> last element</p>

CSS

*{margin:0;padding:0}
#first{background-color:pink;}
#second{background-color:aqua;}
#third{background-color:lightgreen;}
#third::first-letter {
  vertical-align: super;
}