title: How can I auto scroll an unordered list horizontally?
body: <p>I need to show two list items at a time and auto scroll to view all every <code>n</code> seconds.</p>
  
  <p>I see lots of complex photo slider plugins, but what about simple text?</p>
  
  <p>Here's a fiddle: <a href="http://jsfiddle.net/B9DsX/" rel="nofollow">http://jsfiddle.net/B9DsX/</a></p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;Lorem ipsum dolor sit amet&lt;/li&gt;
      &lt;li&gt;Consectetur adipiscing elit&lt;/li&gt;
      &lt;li&gt;Praesent commodo nisi eu sapien&lt;/li&gt;
      &lt;li&gt;Fusce tempor, sapien vitae tempus dapibus&lt;/li&gt;
      &lt;li&gt;Aenean pulvinar urna vel tortor&lt;/li&gt;
      &lt;li&gt;Proin turpis tellus, fringilla eget molestie nec&lt;/li&gt;
      &lt;li&gt;Etiam sed varius lacus&lt;/li&gt;
      &lt;li&gt;Aenean facilisis tincidunt massa luctus feugiat&lt;/li&gt;
      &lt;li&gt;Etiam suscipit vel erat sit amet fringilla&lt;/li&gt;
      &lt;li&gt;Nulla sit amet eros mauris.&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <h2>CSS</h2>
  
  <pre><code>ul {
      overflow-y: hidden;
      overflow-x: scroll;
      white-space: nowrap;
      padding:30px 0;
      margin:0;
  }
  li {
      display:inline;
      border:1px solid #ccc;
      padding:10px;
      margin:10px;
      list-style-type:none;
  }
  </code></pre>