JSFiddle - React, Tailwind, and code Playground

by iSiddharthGiri

HTML

<ul>

    <li class="save_money twenty-percent">
        <img src="https://gloimg.gbtcdn.com/soa/gb/pdm-product-pic/Electronic/2018/10/16/source-img/20181016100417_23893.jpg" />
    </li>
 
   
    
</ul>

CSS

.save_money{position:relative;float:left;
margin:15px;background:yellow;display:inline}
.save_money img{display:block;}

.twenty-percent:before {
    content: '';
    background:url(http://canadianneighborpharmacy.net/images/cnp/discount_20.png) no-repeat;
    position:absolute;
    right:-15px;
    top:-2px;
    width:45px;
    height:45px
}