title: Horizontal touch scroll on mobile with text
body: <p>I found a solution online that handles horizontal scrolling on mobile devices just fine.</p>
  
  <pre><code>&lt;div style="max-width: 1024px; margin: auto; "&gt;
     &lt;ul style="white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; "&gt;
       &lt;li style="display: inline-block; width: 240px;"&gt;
  </code></pre>
  
  <p>The problem that I am having is that within the li tag I have some conditional php echoing out a title.  Because of the nowrap the title breaks through the li width.  If I remove the nowrap the title is contained within the width limits but the scroll doesn't work. I have used php and js to create line breaks in the text but the scroll still fails.</p>
  
  <p>Looking for help on this one. </p>