多种字体大小-Javascript/jQuery键入效果

我创建了一个简单的键入效果，如下所示：

我的问题是，当键入大文本时，整个行会上下移动

添加多个字体样式和大小时，是否可以将所有文本保持在同一级别？（即，当添加大字体时，较小的文本不会垂直移动）

我曾尝试使用

position:relative

wrapper div，然后使用

position:absolute

将所有内容保持在同一行，但这不起作用

.wrapper {
    position: relative;
}

.text-box {
    position: absolute; 
    bottom: 0;
}

---

我宁愿不使用任何类型的插件，也宁愿使用编码解决方案。

设置一个行高度，这样它就不会跳转：

p { line-height: 75px; }

---

对于长方体模型，浏览器将根据文本大小动态计算高度。在元素上加一个硬尺寸可以防止出现这种情况。

在键入空格时，它似乎会跳出一条线，但是解决方案，嗯……似乎对我来说在Firefox上可以，但在Chrome上不行：/