title: Add Underline To <img> tag inside <a> tag
body: <p>I have an <code>&lt;a&gt;</code> tag that has both text and an image inside. I want the image and text to be underlined as shown below:</p>
  
  <p><a href="https://i.stack.imgur.com/auYvu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/auYvu.png" alt="enter image description here"></a></p>
  
  <p>what I keep getting is this though:</p>
  
  <p><a href="https://i.stack.imgur.com/9pM0F.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9pM0F.png" alt="enter image description here"></a></p>
  
  <p>As you can see the underline does not extend under the arrow. Here is my code:</p>
  
  <pre><code>  &lt;a target="_blank" href="http://url.com" style="text-decoration:underline;color:#000001;" &gt;Call To Action &lt;img src="image/path/triangle.png" border="0" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Now I can't put a border-bottom on the wrapping container because on mobile I need the text to be underlined and this would only put a border on the bottom of the text. </p>