JSFiddle - React, Tailwind, and code Playground

HTML

<!--[if IE 7]>
<style>
table{margin:3px}div{width:192px;height:192px}
</style>
<![endif]-->

<div>
    <table>
        <tr>
            <td>Lorem</td>
            <td>ipsum</td>
        </tr>
        <tr>
            <td>dolor</td>
            <td>sit amet</td>
        </tr>
    </table>
</div>

CSS

div { 
    border: 1px solid black;
    position: relative;
    width: 186px;
    height: 186px;
}
td { 
    border: 1px solid black; 
}
table {
    border: 1px dashed #ccc;
    border-collapse: separate;
    border-spacing: 5px;
    position: absolute;
    top: -7px;
    left: -7px;
    width: 200px;
    height: 200px;
}