JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
    <div id="title">
        <div id="line1" class="line"></div>
        <div id="line2" class="line"></div>
        <h1>TITLE TEST</h1>
    </div>
</div>

CSS

h1 {
    font-size: 26px;
}

#content {
    width:100%;
}

#title {
    text-align:center;
    width:100%;
}

.line {
    background:none repeat scroll 0 0 #97999C;
    height:1px;
    margin-top:15px;
    
    width:35%;
}

#line1 {
    float:left;
}

#line2 {
    float:right;
}