Заглавие раздела. Как правильно сверстать такой элемент?
<article>
  <header>
    <h1>Header</h1>
    <hr />
  </header>
  <section>
    Content
  </section>
</article>header {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

hr {
  flex-grow: 1;
}
Только замените селекторы на классы
https://jsfiddle.net/pdraj9hk/ я вот так сделал