Как правильно выровнять текст?

Question

[YVW]

Помогите, пожалуйста, разобраться
Задала baseline 20px
у 2047Р: font-size 14 px line-height 20px
у 4093Р: font-size 23px line-height 40px
у -50%: font-size 36px line-height 40px

Хочу, чтобы все числа были находились на одном уровне и сохраняли свои размеры
Как правильно нужно выравнивать в данном случае? Работаю в Sketchapp

Answer 1

[YVW]

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

Answer 2

[Zhainar]

vertical-align: baseline

Answer 3

[Stalker_RED]

line-height не нужен: https://jsfiddle.net/o6usq88a/ По умолчанию текст и так будет выровнен по нижней границе блока.
Возможно у вас стоит выравнивание по верхней, и из-за разного line-height надписи скачут.

Answer 4

[GreatRash]

Плюс адын за вертикал-алигн. Плюс парочка статей для ознакомления.