JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mainheader">
    
    <div id="content">
        Random text
    </div>
</div>

CSS

#mainheader,#content{

    text-align:center;
    background: rgba(0,0,0,0.25);
    border-top-style:ridge;
    border-left-style:ridge;
    border-right-style:ridge;
    border-bottom-style:ridge;
}