Multiple font sizes - Javascript/jQuery typing effect -

i have created simple typing effect, illustrated here: http://jsfiddle.net/kitsonbroadhurst/fzf70ttg/9/

my issue large text typed moves whole line , down.

is possible keep text on same level multiple fonts styles , sizes added? (i.e. large fonts added smaller text not move vertically)

i have tried use position: relative wrapper div , position: absolute keep on same line, did not work.

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

i rather not use type of plugin , prefer coded solution.

set line height won't jump:

p { line-height: 75px; }

with box model, browser calculate height dynamically according text size. putting hard size on element prevent this.

O9