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

Question

[lettteg37]

Помогите пожалуйста сверстать, по итогу у меня подпись становится меньше, а полоса больше, хотя должна подстраиваться под ширину остальных элементов.

Comments

[Ankhena]

Флекс/грид и псевдоэлемент.
Или бордер и отриц margin для текстов с белым фоном.
Первый вариант лучше.

[lettteg37]

Ankhena, Может есть какой-то пример, не совсем понимаю, как сделать с псевдоэлементом

[Ankhena]

Bohdan Bilous, написала в ответы

[Алексей Напечкин]

display: inline-block уже, наверное не подойдёт, а дальше должно подстраиваться по размер шрифта)

Answer 1

[Ankhena]

https://codepen.io/AnnaSummer/pen/gOzwVXO