JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>First</li>
<li>Second</li>
<li><a href="#">Third</a></li>
</ul>

CSS

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

li {
    background: url(http://cdn1.iconfinder.com/data/icons/momenticons-gloss-basic/momenticons-gloss-basic/32/bullet-black.png) no-repeat left 50%;
    padding-left: 40px;
}

li a {
    background: url(http://cdn1.iconfinder.com/data/icons/momenticons-gloss-basic/momenticons-gloss-basic/32/bullet-black.png) no-repeat left 50%;
    display: block;
    margin-left: -40px;
    padding-left: 40px;
}

li a:hover {
    background-image: url(http://www.quietland.se/image/cache/data/%C3%96rh%C3%A4ngen/chrystal-bullet-clear[2]-38x38.jpg);
}