JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <div>
        <ul>
            <li>Here is a list item..</li>
            <li>Here is another list item...</li>
            <li>Here is yet another list item..</li>
        </ul>
    </div>
</form>

CSS

ul {
    list-style-type: none;
}

li:before {
    content: "ugh";
    padding-right:10px;
}
li:nth-child(2):before {
    content:"blah";
}
li:nth-child(3):before {
    content:"foo";
}
}