JSFiddle - React, Tailwind, and code Playground

by naykris

HTML

<div><p>best value</p></div>

CSS

div{
  background-color: green;
  color: white;
  text-align: center;
  position: relative;
  padding: 10px 10px 0;
  border-radius: 2px;
}


div::after {
  position: absolute;
  left: 2px;
  right: 2px;
  top: 100%;
  content: '';
  /* width: 100%; */
  /* height: 2em; */
  padding-top:8%;
  background: 
linear-gradient(to right top, transparent 49.5%, green 50%) left / 60% 100% no-repeat;

}