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

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

5eefa76891f40020109486.png
Казалось бы - ничего сложного, но это заголовок h1 - и вроде бы в нем не должно быть html - а мне нужно описательный текст добавить в последней строке справа. Как это правильно разрешить?
  • Вопрос задан
  • 277 просмотров
Решения вопроса 2
wapster92
@wapster92 Куратор тега CSS

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

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

Войдите, чтобы написать ответ

Похожие вопросы