Нужно чтобы блок -17% был в правом верхнем углу, но он туда не стаёт, как исправить?
.slideritem
{
font-family: 'Century Gothic';
margin: 1vh;
display: inline-block;
font-weight: 800;
border-width: 1px!important;
border-color: black;
border-style: solid;
}
<div class="slideritem">
<center>
<p>Атланта (Сталекс)</p>
<a data-fancybox="gallery" href="https://www.google.com/url?sa=i&source=images&cd=&cad=rja&uact=8&ved=2ahUKEwiPzZn0qbHhAhVjlosKHR9jCYcQjRx6BAgBEAU&url=http%3A%2F%2Fm.androidmafia.ru%2Fvideo%2Fw3gFbTu0fh4&psig=AOvVaw18NebfLZm_rOdm1HZPhEPM&ust=1554291685571624">
<img src="http://giftpic.ru/wp-content/uploads/2016/08/originalnaya-kartinka-spasibo-skachat-besplatno.jpg" class="img-fluid" style="min-height: 140px!important;max-width:120px;">
</a>
<div class="sale" style="position: relative;right:0;background:red;text-align:right;width:40px;">-17%</div>
<p>115 м<sup>2</sup></p>
<p class="smlet">0,4 мм (глянец) Китай</p>
<p>10 лет эстетическая гарнтия</p>
<a class="btnprod" type="button" data-toggle="modal" data-target="#buyprod">ЗАКАЗАТЬ</a>
</div></center>