JSFiddle - React, Tailwind, and code Playground

by Nilesh Mahajan

HTML

<div class="wrapper">TEXT HERE</div>

CSS

.wrapper {
  padding: 0 50px;
  font-size: 0px;
  line-height: 0%;
  width: 0px;
    height:120px;
background:#ddd;
position:relative;
    width:500px;
}

.wrapper:after {
    content:'';
width: 0px;
  height: 0px;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-right: 60px solid #fff;
    position:absolute;
    right:0
}