JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<div>
    <h1>Hello</h1>
</div>

CSS

div{
    margin: 20px;
    
}
h1{
    background: yellow;
    padding: 30px;  
    position: relative;
	color: #FFFFFF;
	float: left;
    margin-right: 20px;  
}

h1:before{
    position: absolute;
    left: 100%;
    top: 0;
    content: "";
/**    border: 20px solid yellow; **/
    border-style:solid inset solid solid;
    border-width: 0px 50px 80px 0px;
    border-color: transparent transparent yellow transparent;
}