title: CSS/JQuery powered sideways scrolling text on hover
body: <p>I have a twitter feed on a website I run. However, it gets cut off on small screens. I have a bar tall enough for 1 line of text in which I have the latest tweet. I want the tweet to ellipsize or fade out at the end if it is too long. But on hover, I want the text to slide slowly to the left, thus exposing the hidden part.</p>
  
  <p>This effect is used on the iPod classic when you highlight a song that has a title that is wider than the screen. (I hope you understand what I'm going for.)</p>
  
  <p>I'm just curious how I would go about implementing something like this? How can I force the text to stay on one line?</p>