JSFiddle - React, Tailwind, and code Playground

by Mark Penner

HTML

<div class="rule">
    <div class="line"><div></div></div>
    <div class="words">Our Latest Work</div>
    <div class="line"><div></div></div>
</div>

CSS

.rule {
    display: table;
}

.rule>div {
    display: table-cell;
    white-space:nowrap;
}

.line>div {
    border-bottom: 1px solid silver;
    height: 1px;
}

.words {
    padding: 0 5px;
    text-transform: uppercase;
    font-family: sans-serif;
    font-weight: bold;
}

.line {
    width: 50%;
    vertical-align: middle;
}