Waarom werkt vertical-align:bottom niet!?

In CSS is het lastig om tekst uit te lijnen met de onderkant van een blok.
De CSS property "vertical-align" doet niet altijd wat de meesten verwachten.

www.juurlink.org/2011/08/waarom-werkt-vertical-alignbottom-niet (blog)

Tabel

<table> <td> vertical-align:bottom

<div display:table-cell> vertical-align:bottom

Blok-element standaard

<div> vertical-align:bottom

Blok-element tekst "bottom aligned"

<div position:relative>
  <span position:absolute; bottom:0>