title: Displaying images in scrollable div
body: <p>I have an array of images (src url for them) and I want to display them in a line, like so:</p>
  
  <p>[Image1] [image2] [image3]</p>
  
  <p>If there are a lot images I'd want the <code>&lt;div&gt;</code> they are in to become scrollable, on the x-axis, so that the images are still in a line.</p>
  
  <p>This is what I've got now:</p>
  
  <pre><code>&lt;div style="overflow-x:scroll" class="col-md-12"&gt;
      &lt;span ng-repeat="item in images" &gt;
          &lt;a ng-href="{{item.ServerRelativeUrl}}" target="_blank"&gt;
              &lt;img width="128" ng-src="{{item.ServerRelativeUrl}}" alt="Description"&gt;
          &lt;/a&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I do see the 'scroll' on the div, but faded. And my images are like this:</p>
  
  <p>[Image1] [Image2] [Image3]</p>
  
  <p>[Image4]</p>
  
  <p>What am I missing here?</p>