JSFiddle - React, Tailwind, and code Playground

HTML

<p>This paragraph has some generated content.</p>
<ul>
    <li>List Item</li>
    <li>List Item</li>
    <li>List Item</li>
    <li>List Item</li>
</ul>

CSS

p:before{
     content:'"';   
}
p:after{
     content:'"';   
}
ul:before{
     content:url("http://placedog.com/30/30");   
}
li{    
    counter-increment:listItems;
}
li:before{
     content:counter(listItems);    
     height:10px;
     width:10px;
     background-color:green;
     color:white;
     margin:5px;
}