JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

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}
html {font-size: 200%;}
#first{background-color:pink;}
#second{background-color:aqua;}
#third{background-color:lightgreen; margin-top: 1em;}

#third::first-letter {
    margin-top: -.5em;
    float: left;
}