title: price tag on image
body: <p>How do I get a price tag on image (with pure CSS) like how is in this attached image?</p>
  
  <p>I used </p>
  
  <pre><code>content:'';
      width:0px; height:0px; 
      position: absolute; left:194px; top:-20px;
      border:10px solid;
      border-color: transparent transparent rgba(0,0,0,0.8) transparent;
  </code></pre>
  
  <p>but it didnt help!!</p>
  
  <p><img src="https://i.stack.imgur.com/zKZPD.jpg" alt="enter image description here"></p>