JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Йа заголовог</h1>

CSS

h1 {
    width: 50%;
    margin: 1em;
    line-height: 2;
    display: flex;
    align-items: flex-end;
    border: solid #ff0;
    border-width: 0 0 3px;
}
h1::before, h1::after {
    content: '';
    flex: 1 0 0;
    height: 1em;
    border: inherit;
}
h1::before {
    margin-right: .5em;
    border-width: 3px 0 0 3px;
}
h1::after {    
    margin-left: .5em;
    border-width: 3px 3px 0 0;
}