JSFiddle - React, Tailwind, and code Playground
HTML
<div>
</div>
CSS
div {
width: 50px;
height: 31px;
background-color: #000;
transform: skew(-45deg,18deg);
margin-top: 10px;
margin-left: 10px;
}
<div>
</div>
div {
width: 50px;
height: 31px;
background-color: #000;
transform: skew(-45deg,18deg);
margin-top: 10px;
margin-left: 10px;
}