JSFiddle - React, Tailwind, and code Playground

HTML

<div><span>text TEXT</span></div>

CSS

div {
        text-align: center;
    }
    span {
        display: inline-block;    
    }
    span:before,
    span:after {
        border-top: 1px solid black;
        display: block;
        height: 1px;
        content: " ";
        width: 40%;
        position: absolute;
        left: 0;
        top: 1.2em;
    }
    span:after {
       right: 0;  
       left: auto; 
    }