Непрерывная горизонтальная прокрутка текста на чистом CSS без перерыва ⇐ Html

[Anonymous]

Я пытаюсь создать ленту новостей с горизонтальным текстом, который прокручивается непрерывно без перерыва между циклами. В идеале решением был бы чистый CSS/html, но я не знаю, возможно ли это. Вот моя элементарная попытка: http://jsfiddle.net/lgants/ncgsrnza/. Обратите внимание, что скрипт содержит нежелательный разрыв между каждым циклом.
This is text - This is text - This is text - This is text - This is text - This is text - This is text - This is text - This is text - This is text - This is text - This is text

.marquee {
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
}

.marquee span {
display: inline-block;
padding-left: 100%;
animation: marquee 5s linear infinite;
}


Подробнее здесь: https://stackoverflow.com/questions/458 ... hout-break