JSFiddle - React, Tailwind, and code Playground

by alexdickson

HTML

<div id="wrap">
<ul>
<li><a href="#">Some Link 1</a></li>
<li><a href="#">Some Link 2</a></li>
<li><a href="#">Some Link 3</a></li>
<li><a href="#">Some Link 4</a></li>
</ul>
</div>

CSS

#wrap {width: 190px; padding: 0 10px; border-radius: 10px; background: #000; overflow: hidden;}
#wrap a {width: 190px; padding: 10px; display: block;}
#wrap a:hover {background: yellow;}