title: How can I overlay a text over another using CSS?
body: <p>I have this html file where I want to overlay some text over another. I tried to use the z-index property but can't get it to work. What is missing in my code?</p>
  
  <p>thanks a lot</p>
  
  <p>Here is the code</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  #overlay {
      z-index:100;
  }
  &lt;/style&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id='overlay'&gt;overlayed text&lt;/div&gt;
  
  This is some dummy text
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>