100% CSS Price Tag

price.css

.price {color:#fff; position:absolute; right:0; top:10px; height:48px; line-height:48px; padding:0 20px;}
.price:after {position:absolute; content:""; left:-12px; width:0px; height:0px; border-top:24px solid black; border-bottom:24px solid black; border-left:12px solid transparent;}

.price.red {background:#e1559a;}
.price.red:after {border-top-color:#e1559a; border-bottom-color:#e1559a;}

.price.blue {background:#329af2;}
.price.blue:after {border-top-color:#329af2; border-bottom-color:#329af2;}

.price.green {background:#a8d688;}
.price.green:after {border-top-color:#a8d688; border-bottom-color:#a8d688;}