JSFiddle - React, Tailwind, and code Playground

by NOVUSIDEA

HTML

<div class="headline-wrapper">
    <span class="line-left">&nbsp;</span>
    <h3 class="headline"><span>Headline Headline Headline</span></h3>
    <span class="line-right">&nbsp;</span>
</div>

CSS

*:before,
*:after {
    -moz-box-sizing border-box;
}

.headline-wrapper {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.line-left,
.line-right {
    display: table-cell;
    background: red;
}
h3.headline {
    display: table-cell;
    text-align: center;
    white-space: nowrap;
    width: 1%;
}
h3.headline span {
    padding: 0 20px;
    display: block;
}