title: Horizontal Scroll/Carousel when items exceed div width
body: <p><img src="https://i.stack.imgur.com/TBsla.png" alt="enter image description here"></p>
  
  <p>I have a fixed size <code>&lt;div&gt;</code> which contains blocks. By clicking the <code>+</code> a user is able to add additional boxes (an infinite amount theoretically). </p>
  
  <p>When the number of "boxes" exceeds the width of the <code>&lt;div&gt;</code> container I would like the user to be able to scroll left and/or right in-order to view all boxes. </p>
  
  <p>Currently I am looking for a place to start as I have not implemented such a feature before.</p>
  
  <p>There are JQuery examples out there however I would like to avoid JQuery if at all possible.</p>
  
  <p>Please assist. </p>