JSFiddle - React, Tailwind, and code Playground

by Andrey

HTML

<h2><span class="wrapper"><span>Длинный заголовок с переносом</span></span></h2>

CSS

h2 {
  font-size: 60px;
}
.wrapper {
  display: block;
  float:left;
  position: relative;
}
.wrapper:after {
  content: "";
  position: absolute;
  top: 100%;
  border-bottom: 1px solid #000;
  display: block;
  left: 0;
  width: 100%
}