<div class="thumb">

    <a href="#">

      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmCH3k15DoG6fBVCcLE11U7bu-nGFeLwVgdlSp5zP1zX1a4Vl0LyBAK1DQCbZ8ZQNpemJ-uxPW9YvUqFH0a7nz1QcEYVQeqpCLkgx2Mjsqf3DWnL8myU_hB3OpHUl2ujWuroJa_M7s4n8h/s1600/newsplus.png">     </a>

    <div class='ribbon-pre'><span>Premium</span></div>

</div>

        <style>.thumb{position:relative;height:200px;width:300px} 

    .thumb img{height:100%;width:100%;border-radius:4px}

    .ribbon-pre{position:absolute;left:-5px;top:-5px;z-index:1;overflow:hidden;width:75px;height:75px;text-align:right}

.ribbon-pre span::after,.ribbon-pre span::before{content:"";top:100%;z-index:-1;border-bottom:3px solid transparent;border-top:3px solid rgba(106,91,222,.8);position:absolute}

.ribbon-pre span::before{left:0;border-left:3px solid rgba(106,91,222,.8);border-right:3px solid transparent}

.ribbon-pre span::after{right:0;border-left:3px solid transparent;border-right:3px rgba(106,91,222,.8)}

.ribbon-pre span{font-size:13px;font-weight:700;color:#FFF;text-align:center;line-height:19px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:rgba(106,91,222,.8);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:19px;left:-21px}</style>

​