JSFiddle - React, Tailwind, and code Playground

HTML

<p>Press Tab to focus the list items first and the phrase at the end.</p>

<ul>
    <li><span tabindex="1">First</span></li>
    <li><span tabindex="2">Second</span></li>
    <li><span tabindex="3">Third</span></li>
</ul>

<span tabindex="4">The first will be the last.</span>

CSS

:focus
{
    box-shadow: blue 0px 0px 1px 1px;
    outline: none;
}