JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html lang="en">
<head>
   <meta charset="utf-8">
   <title>untitled</title>
</head>
<body>
    <div style="margin:50px;">
    <div id="target"><div></div></div>
    </div>
</body>
</html>

CSS

#target {
    border-top: 30px solid transparent;
    border-left: 30px solid #4c4c4c; 
    border-right: 30px solid #4c4c4c; 
    border-bottom: 30px solid #4c4c4c;
    width:200px;
    height:100px;
}

#target > div {
    background-color:#4c4c4c;
    width:230px;
    height:130px;
    margin-top:-30px;
    margin-left:-30px;
    position:absolute;
}