title: horizontal scrolling text menu with control
body: <p>I'm going to create horizontal scrolling menu with control when its big </p>
  
  <p>like <a href="http://www.msn.com/" rel="nofollow noreferrer">http://www.msn.com/</a> top text menu. i was looking to find some code like this but i couldn't anyone can help me to find something slimier to this .</p>
  
  <p><a href="https://i.stack.imgur.com/VN3Qn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VN3Qn.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;ul id="myUl"&gt;
  &lt;li&gt; | &lt;/li&gt;
  &lt;li style="color: red"&gt;Espresso&lt;/li&gt;
  &lt;li style="color: orange"&gt;Cappuccino&lt;/li&gt;
  &lt;li style="color: yellow"&gt;American&lt;/li&gt;
  &lt;li style="color: green"&gt;Tea&lt;/li&gt;
  &lt;li style="color: black"&gt;Milk&lt;/li&gt;
  &lt;li style="color: blue"&gt;Juice&lt;/li&gt;
  &lt;li&gt; | &lt;/li&gt;
  </code></pre>
  
  <p></p>