I went to my first line of defense against rogue code: StackOverflow. The veterans there had dealt with this before. They mentioned something called baseline and how using the CSS rule ‘vertical-align’ will allow us to set it and thus have control over it. It works:
textNode: You set up us the bomb.
CATS: All your baseline are belong to us.
There’re a lot of quirks related to baselines and CSS out there and there are some amazing and in-depth blog posts on them. If you are into design and doing the best front end work possible then I would suggest doing a deep dive on it… for great justice.