JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>ы</title>
<style>
ul li {
    width: 200px;
    height: 80px;
    list-style:none;
    border:1px solid #000;
}
ul li:hover {border-color: red;}
ul li:hover .text {text-decoration:underline;}    
.text {padding:5px 0;text-align:center;}
  </style>
</head>
<body>
<ul>
<li><a href="#"><img src="http://stat8.blog.ru/lr/0a23deb1f677312400230dd6682e0af3"></a><div class="text">текст описания</div></li>
</ul>
</body>
</html>