Using tabindex on span

HTML

<p><input autofocus></p>

<p>Hit tab and the span below will be focused:</p>

<p><span tabindex=0>I'm a span, and am yellow when focused</span></p>
<div tabindex=0>
TEST1
<div tabIndex=0>
TEST2
</div>
</div>
<p><input></p>

CSS

span:focus {
    background:yellow;
}
div:focus {
    background:yellow;
}
p {
    margin:1em 0;
}