Разметка подзаголовков — как правильно?
<h1>Page title h1 <small>Officiis ab dolorum, dolores enim iusto!</small></h1>
Так делают в bootstrap: getbootstrap.com/css/#type-headings
И br не нужен, лучше для small сделать display: block.
Можно так как делаете вы, а еще можно: <header>
<h1>Page title h1</h1>
<p>Officiis ab dolorum, aperiam incidunt</p>
</header>
вот официальные рекомендации