title: HTML: using an image as a button with text on top
body: <p>I want to use an image as a button, and that I can do, however I wish to add text on top of the button and don't know how
  This is how I want it to look.  <a href="https://i.stack.imgur.com/aqjfx.png" rel="nofollow noreferrer">1</a>  The image will be the whole and the text would be in the red part</p>
  
  <p>How can I do that?</p>
  
  <p>This is what I have so far:</p>
  
  <pre><code>     &lt;form  action=".html" method="LINK"&gt;
       &lt;input type="image" src="cola.png" class="c11"/&gt;
       &lt;/form&gt;
  </code></pre>