<link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans&display=swap" rel="stylesheet">

<h1>tabindex positive</h1>
<ul> 
  <li> 
    <label>
      Focus on this input, then tab once!
      <input tabindex='1'> </input>
    </label>
  </li> 
  <li> 
    <a href='#' tabindex="3"> Peekaboo. tab again! </a> 
  </li>
  <li> 
    <div tabindex="2"> Aaaand now you're here, in an h3 tag, surprise! </div> 
  </li>
  <li> 
    <div tabindex="4"> Lol, you're not done tab again! </div> 
  </li>
  <li> 
    <button tabindex="3"> Ha tricked you. Tab again </button> 
  </li>
  <li> 
    <div tabindex="5"> Sorry, I'm done!!!! Bye! </div> 
  </li>
</ul> 
li {
  margin: 25px 0
}

body {
  font-family: 'Kumbh Sans', sans-serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.