Как центрировать вертикально текст с изменяемым размером шрифта?

Question

[lagudal]

Смысл задачи - размер шрифта может динамически изменяться, необходимо, чтобы текст при изменении размера шрифта центрировался по воображаемой средней линии текста.
В svg для этого есть свойсто alignment-baseline, а как быть если текст html?
Если текста только одна строка, то выход найти легко, как пример:



слева - html, справа - svg.
Тут все более менее похоже, flex и одна строка по центру.

А вот пример с тремя строками - и я хочу расположить строки в строго опреденных местах и центрировать их так же как в случае с svg, чтобы они не разлетались кто куда.

Comments

[Danny Arty]

текст должен быть именно зачеркнут? или должен располагаться по центру строки?

[lagudal]

Danny Arty,
нет, горизонтальные линии здесь чисто вспомогательные, чтобы при увеличении шрифта было более наглядно видно, как располагается строка.