JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bordered">
    <h1>B2B Media Web</h1>
</div>

CSS

.bordered{
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    
}
h1{
    padding: 20px 20px;
    text-align: center;
    display: block;
    border-left: 1px solid black;
    border-right: 1px solid black;
}