title: Stacking Divs from Bottom to Top
body: <p>When appending <code>div</code>s to a <code>div</code> with a fixed height, the child divs will appear from top to bottom, sticking at the top border.</p>
  
  <pre><code>┌─────────────────────────┐
  │ Child Div 1             │
  │ Child Div 2             │
  │                         │
  │                         │
  │                         │
  └─────────────────────────┘
  </code></pre>
  
  <p>I'm now trying to display them from bottom to top like this (sticking to the bottom border):</p>
  
  <pre><code>┌─────────────────────────┐
  │                         │
  │                         │
  │                         │
  │ Child Div 1             │
  │ Child Div 2             │
  └─────────────────────────┘
  ┌─────────────────────────┐
  │                         │
  │                         │
  │ Child Div 1             │
  │ Child Div 2             │
  │ Child Div 3             │
  └─────────────────────────┘
  ┌───────────────────────┬─┐
  │ Child Div 2           │▲│
  │ Child Div 3           │ │
  │ Child Div 4           │ │
  │ Child Div 5           │█│
  │ Child Div 6           │▼│
  └───────────────────────┴─┘
  </code></pre>
  
  <p>And so on... I hope you get what I mean.</p>
  
  <p>Is this simply doable with CSS (something like <code>vertical-align: bottom</code>)? Or do I have to hack something together with JavaScript?</p>