JSFiddle - React, Tailwind, and code Playground

by isqua

HTML

<h1>ТЕКСТ</h1>

CSS

h1
{
    display: flex;

    letter-spacing: .3em;
    text-transform: uppercase;

    background: yellow;

    align-items: center;
}

h1::before,
h1::after
{
    margin: 0 10px;

    content: '';

    border-top: 2px solid black;

    flex-grow: 1;
}