JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bordered">
    <div id="clipper">
        TEXT
    </div>
</div>

CSS

#bordered
{
    border:solid 4px black;
    width:100px;
    height:100px;
    margin-top:40px;
    text-align:center;
}

#clipper
{
    background-color:#fff;
    width:auto;
    display:inline-block;
    top:-16px;
    position:relative;
    padding:5px;
}