JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
            <li>My First Text</li>
            <li>My 2nd Text</li>
            <li>My 3rd Text</li>
            <li class="X">My 4th Text</li>
		</ul>

CSS

ul {
	padding: 0px;
}
ul li {
	list-style: url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/24/Actions-dialog-ok-apply-icon.png) inside;
	font-family: 'Poiret One', cursive;
	font-size: 20px;
	border-bottom: 2px rgba(75,75,75,0.90) solid;
	margin-bottom: 5px;
	padding-bottom: 5px;
    font-weight: bold;
}
ul li:last-child {
	border-bottom: none;
}
ul li.X {
	list-style: url(http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/24/Actions-edit-delete-icon.png) inside;
}