JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <h1>test</h1>
</div>

CSS

div {overflow: hidden;}
h1 {
    text-align:center; 
    width: 3000px; 
    margin-left:-1500px; 
    position:relative; 
    left:50%;
}
h1:before, h1:after {
    content:'';
    display:inline-block;
    width: 1000px;
    border-top:1px solid blue;
    margin: 5px;
}