JSFiddle - React, Tailwind, and code Playground

by Cath_kb

HTML

<div></div>

CSS

div {
    margin: 50px auto;
    width: 300px;
    height: 100px;
    background: #f0f0f0;
    border: 1px solid #aaa;
}
div:before {
    content: '';
    margin-left: 200px;
    width: 150px;
    height: 100px;
    border: 14px solid #000;
}
div:after {
    content: '';
    margin-left: -100px;
    width: 150px;
    height: 200px;
    border: 1px solid #f0f;
}