JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:410px;">
    <div style="margin-left: -10px;overflow:hidden;">
        <div style="float: left; width: 200px; margin-left: 10px;">Block 1</div>
        <div style="float: left; width: 200px; margin-left: 10px;">Block 2</div>
        <div style="float: left; width: 200px; margin-left: 10px;">Block 3</div>
        <div style="float: left; width: 200px; margin-left: 10px;">Block 4</div>
    </div>
</div>

CSS

body {
    padding:0;margin:0;
}
div {
    box-shadow: inset 2px 12px 0px 1px #000;
}