JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" tabindex="1">
<input type="text" tabindex="2">
<input type="text" tabindex="3">
<a href="#" tabindex="4">my first link</a>
<a href="#" tabindex="5">my second link</a>
<a href="#" tabindex="6">my third link</a>
<button type="reset" onclick="location.href='http://www.example.com'" tabindex="7">my first link</button>
<button type="reset" onclick="location.href='http://www.example.com'" tabindex="8">my second link</button>
<button type="reset" onclick="location.href='http://www.example.com'" tabindex="9">my third link</button>

CSS

input, a, button {
    display: block;
    width: 200px;
    margin: 20px auto;
    text-align: center;
    
    font-size: 16px;
    font-family: 'Arial';
    color: #00C;
    text-decoration: underline;
}
button{
    border: none;
    background: none;
}
button:hover{
    cursor: pointer;
}