Как адекватно сверстать этот заголовок?

Question

[Влад Державин]

Если без адаптива, то я могу его расположить. А вот чтобы он при уменьшении экрана, вместе с картинкой передвигался, а потом и вовсе на новую строку перестраивался, не получается.

Comments

[verycooldev]

JS каким боком тут вообще?

Answer 1

[Ольга Ветер]

Я бы сделала как before или after к текстовому блоку. Либо отдельным тегом с отрицательным margin вначале. Главное к картинке его не привязывать.

Answer 2

[ljutaev]

Псевдоклас ::before + counter-reset + position: absolute
counter-reset чтоб вручную не писать цифры или игратся с :nth-child()

Answer 3

[Tlegen Bayangali]

чтобы не прибегать к отрицательным значениям отступа, советую логически поделить их на итемы и обернуть их одни классом (к примеру class="item"), затем при помощи абсолютного позиционирования выставлять внутренние элементы так, как душе угодно. при адаптиве просто менять свойства позиций и размеров.