JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<h2><span>Goal</span></h2>
<div id="bgblock"></div>
    <h2><span>So Far</span></h2>
</div>

CSS

#container { margin: 25px; width: 150px; height: 250px; border: 1px solid black; background-color: #17ff80; border-top: none; }
h2 { width:100%; text-align:center; border-bottom: 1px solid #000; line-height:0.1em; margin:10px 0 20px;} 
h2 span { background:#fff; padding:0 10px; }
#bgblock { height: 70px; background-color: #fff; margin-top: -20px; margin-bottom: -12px; }