В некоторых "массивных" фреимворках я встречал такие конструкции, но редактор кода сразу выделяем как ошибку и не видит, что тег H1-5 закрыт, но на практике все отлично работает:
<h2 class="ui icon header">
<i class="settings icon"></i>
<div class="content">
Настройки аккаунта
<div class="sub header">Описание раздела</div>
</div>
</h2>
Я думаю, что если ваши теги H1-5 содержат поисковые ключи и используются больше для продвижения, то лучше не вкладывать в них DIV-ы, но если это какая-нибудь закрытая часть сайта, то почему бы и нет.
.header {
background-color: #000;
color: #FFF;
}
.description {
font-size: 24px;
padding-top: 5px;
}
<h1 class="header title">Большой заголовок</h1>
<div class="header description">Маленький заголовок</div>
Что-то вроде того, но нужно поиграть и довести до подходящего вида
