How to align text correctly?

Question

Design

Please help me figure it out
Set baseline 20px
for 2047P: font-size 14 px line-height 20px
for 4093P: font-size 23px line-height 40px
y -50%: font-size 36px line-height 40px
I want all numbers to be were on the same level and retained their dimensions
. How to properly align in this case? I work in Sketchapp

Answer 1

Thanks to everyone for the suggested answers, but the problem was mostly in the functionality of the Sketch itself.
Here are some thoughts and methods for solving this

Answer 2

vertical-align: baseline

Answer 3

line-height is not needed: https://jsfiddle.net/o6usq88a/ By default, the text will be aligned to the bottom border of the block anyway.
Perhaps you have alignment on the top, and because of the different line-height, the inscriptions jump.

Answer 4

Plus adyn for vertical alignment. Plus a couple of articles for review.