JSFiddle - React, Tailwind, and code Playground

HTML

<h2><span  class="line-center">Test</span></h2>

CSS

.line-center{
    margin:0;padding:0 10px;
    background:#fff;
    display:inline-block;
}
h2{
    
    text-align:center;
    position:relative;
    z-index:2;
    
}
h2:after{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    right:0;
    border-top:solid 1px red;
    z-index:-1;
}