JSFiddle - React, Tailwind, and code Playground

HTML

<h2><span class="line"></span><span class="text">Test<span></h2>

CSS

h2{
    font-size: 100px;
    z-index: 1;
    position: relative;
    text-align: center;
}

.line{
    background: #000;
    border-top: solid 1px black;
    position: absolute;
    height: 1px;
    display: block;
    top: 56px;
    width: 100%;
}

.text{
    background-color: #FFFFFF;
    z-index: 20;
    position: relative;
    text-align: center;
    padding: 0 34px;
}