title: How to make Jquery UI Tabs scroll horizontally if there are too many tabs
body: <p><img src="https://i.stack.imgur.com/1rYzm.jpg" alt="It appears as multiple line by default. "></p>
  
  <p>Now the image above is an example of " too many tabs ", It appears as multiple line by default.  </p>
  
  <p>But I want to make it in a single line and horizontally scrollable, either adding two arrows before the beginning tab and after the last tab, or scroll automatically are OK.</p>