Как правильно сверстать такой элемент?

Question

[Александр Осадчий]

Как сверстать такой элемент?


Казалось бы - ничего сложного, но это заголовок h1 - и вроде бы в нем не должно быть html - а мне нужно описательный текст добавить в последней строке справа. Как это правильно разрешить?

Answer 1

[WapSter]

Примерно, так. Последнее слова в h1 желательно перенести при помощи br

Comments

[Александр Осадчий]

А то, что описание ставиться h1 - это не влияет на сео?

[WapSter]

Александр Осадчий, хз я не вуду сео) Нет скорее всего.

Answer 2

[Арсений Матыцин]

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

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