JSFiddle - React, Tailwind, and code Playground

HTML

<div><a href=#"><img src="http://static.jquery.com/files/rocker/images/logo_jquery_215x53.gif"></a><p>This is <a href="#">another link</a></p></div>

CSS

body { padding: 10px; background: #003; color: #999; }
    
    a:link, a:visited { border-bottom: 1px solid #009; text-decoration: none; color: #CCC; }
    
    a:hover, a:active { border-bottom: 1px solid #CCC; text-decoration: none; color: #CCC; }
    
    a > img { display: block; border-bottom: 0; }