CSS Marquee adding more lines of text

Question

I created a marquee using the help of this article - http://www.hongkiat.com/blog/css3-animation-advanced-marquee/

but I can't figured out how to add more than 2 lines of text that show. any help would be greatly appreciated.

The author of the article doesn't seem to answer any questions.

Thanks!

Answer 1

Have a look at this: http://jsfiddle.net/jofish999/976xpLvo/

All I have done is add another marquee and given it a unique seperate id. Then, I have used position: relative to position it

<div class="marquee">
    ...
</div>
<div class="marquee" id="second">
    ...
</div>

Then I have styled it:

#second {
    position: relative;
    top: -24px;
}