JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" class="clearfix">
    <a href="#"><span>Item 1</span></a>
    <a href="#"><span>Item 2</span></a>
    <a href="#"><span>Item 3</span></a><br/>
    <a href="#"><span>Item 4</span></a>
    <a href="#"><span>Item 5</span></a>
    <a href="#"><span>Item 6</span></a><br/>
    <a href="#"><span>Item 7</span></a>
    <a href="#"><span>Item 8</span></a>            
</div>

CSS

#container{
    display:block;
    width:400px;
    margin:0 auto;
    border:1px solid red;
    padding:.5em;
    margin-top:2em;
    text-align:center;
}

#container a{
     text-decoration:none;
     display: inline-block;
}
#container a span {
    display:block;
    width:80px;
    height:80px;
    background:#eee;
    color:#000;
    line-height:80px;
  padding:10px;
    margin:.5em;
}