Как правильно сверстать такой элемент?
snippet
Примерно, так. Последнее слова в h1 желательно перенести при помощи br
Ты можешь вложить span (строчный элемент) внутрь h1 (блочный элемент) и оформить его внутри задав свойства, например flex-элемента.

На проверке валидатором оно пройдет, как валидное, span можно вкладывать в h1. Но по сути это полнейшая херь. Оптимальнее не делать так, или завернуть элемента внутрь дива, и уже h1 модифицировать, как, скажем строчный элемент на уровне стилей.