JSFiddle - React, Tailwind, and code Playground

HTML

<div class="borderWrap">
    <header>Logo resides here</header>
    <main>content goes here</main>
</div>

CSS

.borderWrap {
    position: relative;
    margin:35px auto 20px;
    width:81%;
    border: 0.125em solid;
}
header {
    width:80px;
    background:#fff;
    margin:-20px auto 0;
}