JSFiddle - React, Tailwind, and code Playground

HTML

<h1><span>И вот тут какой-то ну очень длинный заголовок</span><hr></h1>
<h2><span>Какой-то заголовок</span><hr></h2>

CSS

h1, h2 {
	font: normal 150% Trebuchet MS;
	color: #252525;
	margin: 10px;
    padding-top: 1px;
}
h1:after, h2:after {
    content: "";
    display: table;
    clear: both;
}
h1 span, h2 span {
    padding-right: 10px;
    float: left;
}
h1 hr, h2 hr {
    border:1px solid #DDD;
    border-width: 1px 0 0 0;
    margin-top: 22px;
}