JSFiddle - React, Tailwind, and code Playground

HTML

<div><a href="http://google.com" target="_blank">google</a></div>
<div><a href="http://yahoo.com" target="_blank">yahoo</a></div>
<div><a href="http://microsoft.com" target="_blank">microsoft</a></div>

CSS

div {
    width: 200px;
    height: 60px;
    margin: 20px;
    background: #999;
    cursor: pointer;
}

div:hover {
    background: #ccc;   
}

div:focus {
    background: #666;
}

div:active {
    background: #333;
}
a {
    display:block;
	height: 60px; 
    text-indent:-9999px;
}