title: Stacked bar chart with HTML and CSS
body: <p>I'm trying to create stacked bar chart with HTML and CSS.</p>
  
  <p><strong>Example 1</strong></p>
  
  <p>This example shows stacked bars aligned to top. However, they should be aligned to bottom.</p>
  
  <p><a href="http://jsfiddle.net/zw0vx388/" rel="nofollow">http://jsfiddle.net/zw0vx388/</a></p>
  
  <p><strong>Wrong solution</strong></p>
  
  <p>I added <code>position: absolute; bottom: 0</code> to align bars to bottom. However, they overlap. They should be stacked one above another. Any other solution except flexbox (I must support IE9)?</p>
  
  <p><a href="http://jsfiddle.net/zw0vx388/1/" rel="nofollow">http://jsfiddle.net/zw0vx388/1/</a></p>