JSFiddle - React, Tailwind, and code Playground

by Diana Lemen

HTML

<div class="block">
<a href="#"><img src="http://www.balloontothemoon.com/images/Bubbles.jpg"><span class="red-sticker">
    1<p>2</p></span></a>
</div>

CSS

.block{position: relative;width: 284px;}
.red-sticker {
font-family: Arial,sans-serif;
position: absolute;
right: 0px;
top: 0px;
display: block;
width: 32px;
height: 32px;
padding-top: 10px;
font-size: 12px;
line-height: 12px;
text-align: center;
float: left;
color: #FFF;
border-radius: 50%;
background-color: #A50200;
background-image: linear-gradient(to bottom, #CB0400, #A50200);
}
p:last-child {

}