JSFiddle - React, Tailwind, and code Playground

by jackwanders

HTML

<p class="lineContainer">
    <span class="line">&nbsp;</span>
    <span class="text">TEXT 1</span>
    <span class="line">&nbsp;</span>
    <span class="text">TEXT 2</span>
    <span class="line">&nbsp;</span>
</p>

CSS

.lineContainer {
    display: table;
    width: 100%;
}
.lineContainer span {
    display: table-cell;
}
.lineContainer span.line {
    background: red;
    height: 2px;
}