JSFiddle - React, Tailwind, and code Playground

HTML

<div id="gallery">
    <ul>
        <li>
            <a href="http://mooselicker.files.wordpress.com/2012/09/kitty-cat-e1269837499480.jpg">
                <img src="http://mooselicker.files.wordpress.com/2012/09/kitty-cat-e1269837499480.jpg" width="248" height="150" alt="Residencia Arenyscan" longdesc="http://www.arenyscan.es" border=" 1px solid  #666; " align="texttop" />
            </a>
        </li>
        <li>
            <a href="http://shechive.files.wordpress.com/2012/11/kitty-cat-3.jpg">
                <img src="http://shechive.files.wordpress.com/2012/11/kitty-cat-3.jpg" alt="recogida a domicilio" width="248"  height="169"  border=" 1px solid  #666; " align="texttop" />
            </a>
        </li>
    </ul>
</div>

CSS

#gallery {
    padding:0px;
    width: 250px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
    border: 5px solid #3e3e3e;
    border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
    border: 5px solid #933;
    border-width: 5px 5px 20px;
    color: #933;
}
#gallery ul a:hover { color:#933;}