JSFiddle - React, Tailwind, and code Playground

by Softlink

HTML

<div tabindex="1">1</div>
<a tabindex="1">2</a>
<span tabindex="1">3</span>
<b tabindex="1">4</b>
<kbd tabindex="1">5</kbd>
<i tabindex="1">6</i>
<ul tabindex="1">
    <li tabindex="1">7</li>
</ul>

CSS

div, a, span, b, kbd, i, li, ul{
display:block;
border:1px solid #ccc;
width:100px;
height:100px;
margin:20px;    
}

ul{
width:200px;
}

div:focus, a:focus, span:focus, 
b:focus, kbd:focus, i:focus, li:focus, ul:focus{
background:red;
}