JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Proof of Concept</h1>

CSS

body {
    background: url(http://freethumbs.dreamstime.com/97/big/free_975428.jpg);
}

h1 {
 
    
    overflow: hidden;

    text-align: center;
    white-space: nowrap;
}
h1:before, h1:after {
    content: "";
    display: inline-block;

    width: 50%;
    height: 1px;
    
    vertical-align: middle;

    background: #000;

}
h1:before {    
    margin: 0 .5em 0 -50%;
}
h1:after {    
    margin: 0 -50% 0 .5em;
}