横に流れる文字 実装

• 同じ文章にする
• リストの数を増やす・減らすことでアニメの不具合解消
• ulタグの横の余白は全てリセットする
• liタグで文字間の余白を指定する
• liタグをアニメションさせる
• 親要素であるulタグに余白があると、アニメーションのループが余白の位置で途切れてループしてしまいます。
• そのため、ulタグはあくまで横並びにするだけにとどめた方が、カスタマイズしやすいです。

参考　https://blog-mi.com/scrolling-text