JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="span"><span></span>Proof of Concept<span></span></h1>
<p>Some text after heading</p>
<h1 class="pseudo">Another Heading</h1>
<p>And another text after it</p>

CSS

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

h1 {
    display: table-row;
    white-space: nowrap;
}
.pseudo:before, .pseudo:after, .span > span {
    content: '';
    display: table-cell;
    width: 49%;
    background: url(data:image/gif;base64,R0lGODdhAQABAIAAAAAAAP///ywAAAAAAQABAAACAkQBADs=) repeat-x 50%;
}