JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
    <a href="">A</a>
    <a href="">B</a>
    <a href="">C</a>
    <div class="clear"></div>
</div>

CSS

.clear {
   clear:both;    
}

.test {
   width:350px;
   text-align:center; 
   border:1px solid #ff0000
}

.test a {
    display:block;
    float:left;
    width:33%;
}