I have an `<a>` tag that has both text and an image inside. I want the image and text to be underlined as shown below:

[![enter image description here](https://i.stack.imgur.com/auYvu.png)](https://i.stack.imgur.com/auYvu.png)

what I keep getting is this though:

[![enter image description here](https://i.stack.imgur.com/9pM0F.png)](https://i.stack.imgur.com/9pM0F.png)

As you can see the underline does not extend under the arrow. Here is my code:

```
  <a target="_blank" href="http://url.com" style="text-decoration:underline;color:#000001;" >Call To Action <img src="image/path/triangle.png" border="0" /></a>

```

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.