title: Position text over image
body: <p>I have this image:</p>
  
  <p><img src="https://i.stack.imgur.com/6shGh.png" alt="enter image description here"></p>
  
  <p>But i want to place text in the middle like this:</p>
  
  <p><img src="https://i.stack.imgur.com/kCiNW.png" alt="This is how i wanted."></p>
  
  <p>How can I achieve this? </p>
  
  <p>I would like to do this in html, so I would use a <code>&lt;div&gt;</code> or a <code>&lt;span&gt;</code></p>