JSFiddle - React, Tailwind, and code Playground

HTML

<h1>
    <span class="top"></span>
    <span class="right"></span>
    <span class="bottom"></span>
    <span class="left"></span>
    B2B MEDIA WEB
</h1>

CSS

h1{
    font-weight:normal;
    text-transform:uppercase;
    font-size:21px;
    font-family: arial;
    margin:0 auto;
    width:200px;
    text-align:center;
    position:relative;
    margin-top:100px;
    height:60px;
    line-height:60px;
    vertical-align:middle;
}
.top{
    height: 1px;
    width: 180px;
    background-color: #111;
    top: 0;
    right: 10px;
    display: block;
    position: absolute;
}
.bottom{
    height: 1px;
    width: 180px;
    background-color: #111;
    bottom: 0;
    left: 10px;
    display: block;
    position: absolute;
}
.left{
    height: 40px;
    width: 1px;
    background-color: #111;
    top: 10px;
    left: 0;
    display: block;
    position: absolute;
}
.right{
    height: 40px;
    width: 1px;
    background-color: #111;
    top: 10px;
    right: 0;
    display: block;
    position: absolute;
}