JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <a class="left" href="#"> ololo </a>
    <a class="right" href="#"> ololo </a>
</div>

CSS

div.wrapper {
    width: 600px;
    margin: 20px auto;

}

div.wrapper a {
 display:inline-block;
    width:49%;
    text-align: center;
}    

div.wrapper a:hover {
background:lightgray;
}