Autofocus In Horizontal Scroll
<p>I have a horizontal scroll-able div with list items.which looks like below. I want the list to be autofocused when user clicks on any list items. Presently, the list item sits at its position. Is there any way in Javascript or Jquery to autofocus the list item ? </p>

<p>Following are the CSS which I used for making this horizontal scroll div </p>

<p>on ul </p>

<pre><code>white-space: nowrap;
 overflow-x: auto;
</code></pre>

<p>on li </p>

<pre><code>display: inline-block !important;
    float: none;
</code></pre>

<p><a href="https://i.stack.imgur.com/TAJSP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TAJSP.png" alt="Horizontal List"></a></p>