JSFiddle - React, Tailwind, and code Playground

by felipepalazzo

HTML

<section class="feat-products cf">
            
    <ul>
<li><a href="http://fiveblu.dafiti.com.br/roupas-masculinas/camisetas/"><img src="http://www.fiveblu.com/br/files/2012/08/banner-5.jpg" alt="T-Shirts"></a></li>
    
<li>
    <div class="box">
        <a href="#">COMPRE AGORA!</a>
    </div>
    <a href="http://fiveblu.dafiti.com.br/special-price/roupas-femininas/fiveblu/"><img src="http://www.fiveblu.com/br/files/2012/08/banner-2-off.jpg" alt="Queremos Descontos!"></a></li>
    
<li><a href="http://fiveblu.dafiti.com.br/calcados-femininos/sapatilhas/"><img src="http://www.fiveblu.com/br/files/2012/08/banner-41.jpg" alt="Novas Sapatilhas"></a></li>
    

    </ul>

      </section>

CSS

ul li{
    display: inline;
    margin: 5px;
    list-style: none;
    position: relative;
}

div.box{
    position: absolute;
    top: 0;
    left: 0;
}