title: Scroll left and right horizontal div
body: <p>I'm using <code>jquery.mousewheel.js</code> to scroll my div and I'm using this code: </p>
  
  <pre><code>#scrollableDiv {
      //position: relative;
      width: auto;
      height: 550px;
      margin-top: 20px;
      padding: 5px;
      background-image: url(&lt;?= base_url(); ?&gt;/uploads/rcrayon_background-blue_preview.png);
      overflow-x: hidden;
      overflow-y: hidden;
      white-space: nowrap;
  }
  
  #scrollableDiv img {
      padding: 5px;
  }
  </code></pre>
  
  <p>How can I add left and right buttons to scroll inside the div?</p>