JSFiddle - React, Tailwind, and code Playground

by Atty Eleti

HTML

<input tabindex="1" placeholder="1">
<input tabindex="4" placeholder="4">
<div tabindex="3">
  <input tabindex="3" placeholder="3">
  <input tabindex="3" placeholder="3">
  <input tabindex="3" placeholder="3">
</div>
<input tabindex="2" placeholder="2">
<input tabindex="5" placeholder="5">

CSS

div:focus {
  border: 1px dotted red;
}