Псевдоэлемент во всю высоту или как такое верстать (правильно)?

Question

[Heorhii]

Всем привет, не знаю как такое верстают, а именно - число идущее перед текстом, мой варик - псевдоэлементы, но есть одно но, я не могу сделать нормальное обтекание (как видно со скрина, элемент занимает высоту полностью), в итоге у меня артефакт, отсюда и вопрос - как бы такое верстали Вы?

Comments

[Талян]

что за артефакт?

[Heorhii]

Типа такого..

[Андрей Федоров]

Георгий Городенко, давайте ваш код, поправим.

[Евгений]

padding-left: 50px; блоку
block:after {
content: '1';
position: absolute;
left: 0;top:0;
}

[Heorhii]

Андрей Федоров, тык

Answer 1

[Alex]

https://codepen.io/cawa-93/pen/ywaYqm

Comments

[Heorhii]

Ну почти, получается как-то так.. ТЫК

[Alex]

Георгий Городенко, ну так ваш код не верный. Использовать нужно флексбокс и псевдоелемент на одном элементе

https://jsfiddle.net/kozack/hy1fgx62/1/

[Heorhii]

Александр Козак, Большое спасибо за помощь, а не подскажешь как поднять единицу до уровня заголовка?