title: How can I position a div relative to an image?
body: <p>I have a an image that may change its position depending on certain actions and several divs that I want to <code>position</code> on the <code>img</code> tag.</p>
  
  <p>The simplified code is as follows:</p>
  
  <pre><code>&lt;div&gt;
      &lt;img src="someRandomImageUrl"&gt;
      &lt;div&gt;foobar&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>To better understand imagine I have an image with a small square somewhere around the center and I want the foobar message to be placed in the image square no matter where I position the image.
  Any ideas?</p>