title: Pop-up over image with link
body: <p>I have these images that redirect to links and I want to when I hover on them there would pop up a text. How to do that? I tried w3schools tutorials but they don't include divs</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;&lt;/title&gt;
  &lt;style&gt;
  
  
  div.folder1 {
      position: absolute;
      top: 30%;
      left: 50%;
  
  }
  
  div.folder2 {
  position: absolute;
  top: 20%;
  left: 40%;
  
  }
  
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="folder1"&gt; 
  &lt;a href="yourlinkhere" target="_self"&gt;
  &lt;img src="https://78.media.tumblr.com/c00202bad8ae39931e34a7efa861d18b/tumblr_p70bjja6xI1x5vw3ao1_500.png" height="46" width="57" /&gt;
  &lt;/a&gt;  
  &lt;/div&gt;
  
  &lt;div class="folder2"&gt; 
  &lt;a href="yourlinkhere" target="_self"&gt;
  &lt;img src="https://78.media.tumblr.com/c00202bad8ae39931e34a7efa861d18b/tumblr_p70bjja6xI1x5vw3ao1_500.png" height="46" width="57" /&gt;
  &lt;/a&gt;  
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>