title: CSS show horizontal scroll bars?
body: <p>I saw this stackoverflow post 
  <a href="https://stackoverflow.com/questions/258372/css-div-element-how-to-show-horizontal-scroll-bars-only">CSS div element - how to show horizontal scroll bars only?</a>
  However when I try the answers the scroll bar is not shown. I can scroll horizontally, but I also want the horizontal scroll bar to be shown. I am trying this on chrome and Mac. 
  Here is my code: </p>
  
  <pre><code>&lt;div style="width:500px; overflow-x:scroll; border:dotted 1px; white-space: nowrap;padding-bottom:10px;"&gt;
  &lt;img src="img1.jpeg"&gt;
  &lt;img src="img2.jpeg"&gt;
  &lt;img src="img3.jpeg"&gt;
  &lt;img src="img4.jpeg"&gt;
  &lt;img src="img5.jpeg"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JsFiddle: <a href="https://jsfiddle.net/t30xshro/" rel="nofollow noreferrer">https://jsfiddle.net/t30xshro/</a></p>