title: html css Position foreground
body: <p>The "Home" is  tag and I want it behind the menu. How can I do it?</p>
  
  <p><img src="https://i.stack.imgur.com/Q4n1x.jpg" alt="">
  The above image shows how the site currently looks like.</p>
  
  <p>Here is my CSS Code used currently in the site:</p>
  
  <pre><code>  ul li {
      float: left;
      width: 19.86%;
      background-color: black;
      opacity: .8;
      line-height: 40px;
      text-align: center;
      font-size: 20px;
      border: 1px solid white;
  }
  
      ul li ul li{
      display: none;
      width:100%;
      z-index:10;
  }
  
      h1 {
      top: 1em;
      position: absolute;
      text-align: center;
      font-size: 65px;
      font-weight: bold;
      z-index:5;
  }
  </code></pre>