JSFiddle - React, Tailwind, and code Playground

by envira

HTML

<div class="container">
</div>

CSS

.container {
color: #FFF;
font-size: 14px;
line-height: 24px;
width: 500px;
font-weight: 500;
margin: 60px auto 0;
position: relative;
background:#dadada;
}

.container:before {
border-bottom: 40px solid #FFF;
border-right: 40px solid rgba(0, 0, 0, 0);
content: "";
display: block;
height: 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body {
    background: #dadada;
    
}