JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<table class="caption-box">
    <tr>
        <td class="line-left"> <span class="line"></span></td>
        <td class="caption">
             <h1>Заголовок</h1>
        </td>
        <td class="line-right"> <span class="line"></span></td>
    </tr>
</table>

CSS

.caption-box {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}
.caption box td {
    vertical-align: top;
}
.caption-box .line-left, .caption-box .line-right {
    width: 50%;
}
.caption-box .caption {
    white-space: nowrap;
    padding: 0 15px;
}
.caption-box .line {
    display: block;
    height: 1px;
    background: #333;
}