JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "one"></div>
<div id = "two"></div>

CSS

div {
    display: block;
    float: left;
    box-shadow: 3px 3px 5px 6px #ccc;
    background-color: #666;
}

#one {
    height: 100px;
    width:200px;
}

#one:after {
    content: "";
    display:block;
    background-color: #666;
    height: 100px;
    width: 10px;
    position: relative;
    left:190px;
}

#two {
    height: 200px;
    width:200px;
}