JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="link">
        <input type="button" value="link" />
    </div>
    <div class="tab table2">Table right</div>
    <div class="tab table1">Table left</div>
</div>
<div class="anotherDiv">This is another div</div>

CSS

.container {
    width: 500px;
    position: relative;
    margin-bottom: 70px;
}
.tab {
    background: #00395c;
    color: #fff;
    width: 200px;
    height: 100px; /*try a different height*/
}
.table2 {
    float: right;
}
.link {
    border: 2px dashed grey;
    border-top-width: 0;
    width: 300px;
    height: 50px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: -50px;
    margin-left: -150px;
}
.link input {
    position: relative;
    bottom: -40px;
}