title: Scrolling marquee w/ repeating text
body: <p>I want to have a scrolling marquee that never ends, and with that, I mean that there will never be a blank space in the marquee. </p>
  
  <p>So when, for example, all text has been in the screen (viewport) and the latest words are marquee'ing, the marquee will repeat without first ending the marquee (meaning: all text has gone away into the left side [marquee: right -> left]). With repeat I mean that the text will just start over right behind where the marquee is</p>
  
  <p>So when I have the marquee text " Hello poeple of the earth •", and that is here:</p>
  
  <ul>
  <li>_ = blank </li>
  <li>! = Char of first run of marquee </li>
  <li>^ = char of second run of marquee </li>
  <li>&amp; = char of third run of marquee</li>
  </ul>
  
  <blockquote>
    <p>________!!!!!!!!!!!!!!!!!!!!!!!!!!!!****************************^^^^^^^^^^^^^^^^^^^^^^^^^^^^&amp;&amp;&amp;&amp;&amp;&amp;&amp;&amp;</p>
  </blockquote>
  
  <p>Ofcourse I need it to be smooth. Something like <a href="https://stackoverflow.com/a/10547997/5641132">this</a> answer, but without the blank spaces. The use of libraries doesn't matter.</p>
  
  <p>Can anyone help me?</p>