title: Display text on top of an image
body: <p>At the moment I'm trying to display text on top of image and the way that I'm organising it as I have multiple images is like so</p>
  
  <pre><code>&lt;div class="imageDiv"&gt;
      &lt;img ..... class=....&gt;
      &lt;div class="textToBeOnTop"&gt;Some text&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now I set the position to relative on textToBeOnTop div as I want to centre it and animate imageDiv and that means that textToBeOnTop must move as well. I also set a border.</p>
  
  <p>So my problem is that I can see the border, but not the text.</p>
  
  <p>Does anyone have any ideas?</p>
  
  <p>Edit: I should have put in original post, the image animates on hover through CSS, and I need to find a way to "ignore" the text to be on top as when the div is on top of the image, the hover for the image doesn't trigger</p>
  
  <p>Thanks</p>