So im trying to make a animated console with jQuery

So far I have just made a div and entered alot of <p> tags in it, with some styled <span>. It looks like this so far:  http://prntscr.com/6p9rhq

I wan the text to come 1 by 1 under each other ofc, since i made the p tags, with some sort of delay.

The div is fixed, so I want the text to continue under the title bar thats in the div.

I thought I could make something like this $( "#consolebg" ).append( "<p><span class="author">Generator></span>Preparing Generator...</p>" ); but turns out that it doesn't show when it had span tags

How should I make this?