Как выровнять содержимое div по нижнему краю

Если вас не беспокоят устаревшие div-layouts браузеры, используйте flexbox.

Для vertical-alignment родительского элемента должен inline-block быть установлен гибкий тип vertical-alignment отображения

div.parent {
  display: flex;
  height: 100%;
}

Затем вы устанавливаете div-layouts align-self дочернего элемента box-shadow на flex-end.

span.child {
  display: inline-block;
  align-self: flex-end;
}

Вот ресурс, который css я изучал: http://css-tricks.com/snippets/css/a-guide-to-flexbox/