title: How to enable horizontal scroll bar for html UL list
body: <p>I have following css for my list. I can see the horizontal scroll bar but its disabled. How to enable it? </p>
  
  <pre><code> .li {
    position: absolute;
    z-index: 10; 
    list-style: none; 
    margin: 0;
    padding: 2px; 
    max-height: 20em; 
    overflow-y: scroll;
    overflow-x: scroll;
  
    }
  
   .ul {
     margin: 0;
     padding: 0 4px;
     border-radius: 2px;
     max-width: 10em;
  
     white-space: nowrap;
     color: black;
     cursor: pointer; 
  
     }
  </code></pre>
  
  <p>Please help</p>