JSFiddle - React, Tailwind, and code Playground

HTML

<div class="icons">
                
                    <a href="" alt="">1</a>
                    <a href="" alt="">24654</a>
                    <a href="" alt="">3</a>
                    <a href="" alt="">1</a>
                    <a href="" alt="">24654</a>
                    <a href="" alt="">3</a>
                    <a href="" alt="">1</a>
                    
                
            </div>

CSS

* { margin: 0; padding: 0; }

.icons {
    display: table;
    margin: 0 auto;
}



a
{
    margin: 0 1px;
    padding:0px 13px;
    background-color: blue;
    color: white;
}
a:hover{
    background-color: red;
}