CSS3 Marquee

HTML

<script src="http://leaverou.github.com/prefixfree/prefixfree.js"></script>
<p class="marquee"><span>Some short text ………  Some short text ………  Some short text ………  Some short text ………  Some short text ………  Some short text ………  Some short text ………  Some short text ………  Some short text ………  Some short text ………  Some short text ………  Some short text ………  </span></p>

CSS

/* Make it a marquee */
.marquee {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
}

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

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}