JSFiddle - React, Tailwind, and code Playground

HTML

<div class="w">
    <div class="b"><div class="img"></div></div>
    <div class="s"><div class="img"></div></div>
</div>

CSS

.w{
    position:relative;
    width:100px;
    height:50px;
}
.s,.b{
    padding:7px;
    float:left;
    background:#bbb;
}
.s{
    position:relative;
    left:-4px;
    width:10px;
    height:10px;
    border-radius:0px 5px 5px 0px;
}
.b{
    width:30px;
    height:30px;
    border-radius:5px 0px 5px 5px;
}
.img{
    width:100%;
    height:100%;
    background:#ddd;
}