JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="topbar"></div>
    <div class="text">
        <div class="topleft"></div>
        Howdy
            <div class="bottomright"></div>
    </div>
    <div class="bottombar"></div>
</div>

CSS

.wrap{width:100%; position:absolute;}
.text{background:white; padding:10px}
.topbar{background:black; height:10px;}
.bottombar{background:black; height:10px;}
.topleft{background:black; position:absolute; top:10px; left:0px; height:10px; width:10px;}
.bottomright{background:black; position:absolute; right:0px; height:10px; width:10px;}