title: Center text with higher z-index than image below (CSS)
body: <p>I have several divs with imgs embedded. I want to put text in these divs but the text shall be above the images. So I wrote the following code:</p>
  
  <pre><code>#headline-div {
  z-index:100;
  position:absolute;
  text-align: center;
  }
  #divbgs1 {
  z-index:1;
  position:relative;
  } 
  
  &lt;div id="headline-div"&gt;
  &lt;span&gt;Willkommen auf den Rook Islands...&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="divbgs1"&gt;
  &lt;img src="/img/rook/img/flying.jpg"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but now the text is left to the image and i am unable to center it.
  Link to the page: <a href="http://bit.ly/1i7j47A" rel="nofollow">http://bit.ly/1i7j47A</a></p>
  
  <p>Kind regards</p>