title: Put div to the bottom of parent without absolute
body: <p>What I am trying to do is:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;footer&gt;
     &lt;!-- ... --&gt;
     &lt;span class="copyright"&gt;abc&lt;/span&gt;
  &lt;/footer&gt;
  </code></pre>
  
  <p>CSS (sass)</p>
  
  <pre><code>footer {
    // ...
  
    text-align: center;
  
      &gt; .copyright {
          position: absolute;
          bottom: 0;
          display: inline-block;
      }       
  
  }
  </code></pre>
  
  <p>So simply to pull the copyrigh down to the bottom of the parent block and center it. It's pretty easy using <code>position: absolute</code>, however, the centering the way using <code>display: inline-block</code> on the child element and <code>text-align: center</code> on the parent element wouldn't work then. </p>
  
  <p>Is it possible to put the copyright down while keeping it <em>relative</em>?</p>