JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="mainList">
		<li class="first">i am first</li>
		<li class="second">i am second</li>
		<li class="third">i am third</li>
	</ul>

CSS

.second {
    list-position: rank(3);
}
.first {
    list-position: rank(1);
}
.third {
    list-position: rank(1);
}