title: Increase z-index of child
body: <p>I'm trying to make a child's div higher than the parent's. Is there a way to do so?</p>
  <pre><code>&lt;div class=&quot;main_wrapper&quot; style=&quot;position:relative; margin-top:-3rem; padding: 3rem, 4rem; z-index:-1;&quot;&gt;
     &lt;div class=&quot;child&quot; &gt;
       here I created a box that has a z-index of -1 since it inherited it. 
       Can I change it to higher than the main_wrapper?
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>