JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <a href="https://www.google.com" target="_blank">Google</a>
        <a href="https://www.facebook.com" target="_blank">Facebook</a>
    </li>
</ul>

CSS

ul { list-style-type: none; width: 250px; border: 1px solid black; margin: 0; padding: 10px; font-size: 0; }
ul li { display: inline-block; *display: inline; zoom: 1; }
ul li a { display: inline-block; padding: 10px; background: #E2E2E2; border: 1px solid #CCC; font-size: 13px; }
ul li a:hover { background: white; }