Vertical-align: bottom not working

Here’s a modern updated answer using Flex boxes.

div {
  height: 100%; // containing div must fill the full height of the parent div
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}