title: How to create a link that contains an image & text?
body: <p>I need to create a link for an ASP.NET page that has an image &amp; text, which when clicked will trigger an event on the webserver.</p>
  
  <p>This is what the link should look like: <img src="https://i.stack.imgur.com/ttBwx.png" alt="enter image description here"></p>
  
  <p>This is the HTML for what the link would look like if I wasn't working with ASP.NET:</p>
  
  <pre><code>&lt;a id='PdfLink' href='#'&gt;
      &lt;img src="App_Themes/.../Images/PDF.gif" alt="Click for fact sheet PDF"/&gt;
      &lt;span&gt;Latest Performance&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>The problem with this is that I want to be able to click this and trigger an server-side event, but I don't know if I can do that with plain old HTML controls. </p>
  
  <p>With ASP.NET I can see that there are various controls such as ImageButton &amp; HyperLink but I don't see how I can have a Hyperlink &amp; an ImageButton as part of the same clickable control. </p>
  
  <p>What's the best way for me to get a link similar to the image that is bound to server-side functionality?</p>