JSFiddle - React, Tailwind, and code Playground

by Alex Slepenkov

HTML

<ul>
  <li><a href="#"> 1</a></li>
  <li><a href="#"> 2</a></li>
  <li><a href="#"> 3</a></li>
  <li><a href="#"> 4</a></li>
  <li><a href="#"> 5</a></li>
</ul>

CSS

ul{
 margin:0 auto;
 padding:0;
 width:800px;
 text-align:center;
}
ul li{
   list-style:none;
     display:inline-block;
}
ul li a{
  color:white;
  text-decoration:none;
  padding:10px 30px 10px 30px;
  background:black;
}

ul li a:focus{
    color:red;
   background:blue;
}