JSFiddle - React, Tailwind, and code Playground

HTML

<a class="BigBlueButton" href="/where-is-my-order.aspx"><span>
    Where Is My Order?</span>
</a> 
<a class="BigBlueButton" href="/where-is-my-order.aspx"><span>
    Where Is My Order?</span>
</a> 
<a class="BigBlueButton" href="/where-is-my-order.aspx"><span>
    Where Is My Order?</span>
</a> 
<a class="BigBlueButton" href="/where-is-my-order.aspx"><span>
    Where Is My Order?</span>
</a> 
<a class="BigBlueButton" href="/where-is-my-order.aspx"><span>
    Where Is My Order?</span>
</a> 
<a class="BigBlueButton" href="/where-is-my-order.aspx"><span>
    Where Is My Order?</span>
</a> 
<a class="BigBlueButton" href="/where-is-my-order.aspx"><span>
    Where Is My Order?</span>
</a> 
<a class="BigBlueButton" href="/where-is-my-order.aspx"><span>
    Where Is My Order?</span>
</a>

CSS

a
{
    background: blue no-repeat ;
    background-repeat:no-repeat;
    margin-bottom:10px;
    margin-top: 10px;
    margin-left:1%;
    display:inline-block;
    float: left;
    color:White;
    font-size:large;
    font-weight:bold;
    text-decoration:none;

}

a span
{
    width:233px;
    height:122px;
    display: table-cell;
    vertical-align:middle;
    text-align:center;
}