JSFiddle - React, Tailwind, and code Playground

by Zoxon

HTML

<h1>Немного букв</h1>

CSS

h1 {
    overflow: hidden;
    position: relative;
    margin: 0;
    font-family: Georgia, serif;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
  }
  h1:before,
  h1:after {
    content: '';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 9px;
    top: -1px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
  }
  h1:before {
      left: -.5em;
      margin-left: -50%;
  }
  h1:after {
    left: .5em;
    margin-right: -50%;
  }