//CSS

.prod {

​

       text-align: center;

}

​

h5   {

      color: #727176;

​

      text-transform: uppercase;

​

      margin-top: 15px;

}

​

a    {

​

     text-decoration: none;

​

}

​

a img {

​

      border: 3px solid transparent;

​

}

​

a:hover img , a:hover + h5 a {

​

         border : 3px solid red;

​

}

​

//HTML

<div class="prod">

​

  <a href="#" class="x">

​

     <img class="size-full wp-image-682 aligncenter" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSEYXFYtEKaqcM2_n4o1ppeWTJhzXjhIaooK76ArmSOkl_r1oE2nQCB-12J">

​

 </a>

​

  <h5>

​

      <a href="#">Letters</a>

​

  </h5>

​

</div>