good day I want you to help me with a style ccs I have this li of products and I want to adjust some styles and I do not know how to do it.
I want it to be new at the bottom of the image and the discount percentage comes out in the upper corner of the image
<div class="row">
<ul class="hProductItems clearfix">
<li class="span3 clearfix">
<div class="thumbnail">
<a href=""><img src="img/212x192.jpg" alt=""></a>
</div>
<div class="thumbSetting">
<div class="thumbTitle">
<a href="#" class="invarseColor">
Foliomania the designer portfolio brochure
</a>
</div>
<div class="thumbPrice">
if($value["precio"] == 0){
echo '<span>GRATIS</span>';
}else{
if($value["oferta"] != 0){
echo ' <span><span class="strike-through">USD $'.$value["precio"].'</span> USD $'.$value["precioOferta"].'</span>';
}else{
echo ' <span> USD $'.$value["precio"].'</span>';
}
}
if($value["nuevo"] != 0){
echo '<span>Nuevo</span> ';
}
if($value["oferta"] != 0){
echo '<span>'.$value["descuentoOferta"].'% off</span>';
}
</div>
<div class="thumbButtons">
<button class="btn btn-primary btn-small" data-title="+To Cart" data-placement="top" data-toggle="tooltip">
<i class="icon-shopping-cart"></i>
</button>
<button class="btn btn-small" data-title="+To WishList" data-placement="top" data-toggle="tooltip">
<i class="icon-heart"></i>
</button>
<button class="btn btn-small" data-title="+To Compare" data-placement="top" data-toggle="tooltip">
<i class="icon-refresh"></i>
</button>
</div>
<ul class="rating">
<li><i class="star-on"></i></li>
<li><i class="star-on"></i></li>
<li><i class="star-on"></i></li>
<li><i class="star-on"></i></li>
<li><i class="star-off"></i></li>
</ul>
</div>
</li>
</ul>
</div>
I would like it to look like this
