Wrap an image in an a tag, but only have underline on text

.no-underline {
   text-decoration:none;
}
.underline {
  text-decoration:underline;
}

<a href="#" class="no-underline"><span class="underline">Average customer review rating</span><img src="img/five-stars.gif" alt="five stars" width="78" height="16" title="5 star review rating" /></a>

<a href="#" class="imgLink"><span>Link Text</span> <img src="..."></a>

a.imgLink { text-decoration: none; }
a.imgLink span { text-decoration: underline; }

a.externalLink{
    padding-right: 15px;
    background: transparent url('badge.png') no-repeat center right;
}

<a href="foo" class="externalLink">bar</a>