JSFiddle - React, Tailwind, and code Playground

HTML

<div class="olympics" style="display: block; position: absolute; left: 250px;">
    <div class="link"><a style="z-index:9999;position:relative; display: inline-block; float: left; height: 20px; margin: 5px;" href="#">Link 1</a> </div>

        
                                    <div class="link"><a style="z-index:9999;position:relative; display: inline-block; float: left; height: 20px; margin: 5px;" href="#">Link 2</a> </div>
                                
                                </div>

CSS

a { font-size:12px; color:#666; text-align:center; padding:5px 9px; -webkit-transition: all 1000ms linear; -moz-transition: all 1000ms linear; -ms-transition: all 1000ms linear;}
a:hover { background-color:#CE2222; color:#fff; }