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, span {
    content:'';
    display:inline-block;
    width: 1000px;
    border-top:1px solid blue;
    margin: 5px;
}

JavaScript

// if browser = IE7

h1 = document.getElementsByTagName('h1');
for (i=0; i<h1.length; i++){
    h1[i].innerHTML = '<span></span>' + h1[i].innerHTML + '<span></span>';
}