Recently I faced with a problem trying to figure out how to make div content vertically aligned to bottom. I failed. The issue is that vertical-align doesn’t work for block elements. Workaround solution is to put the div content inside table and apply vertical-align to td:

<div class="class"><table><tr><td>content</td></tr></table></div>

.class table {
height: 100%;
.class table tr td {
vertical-align: top;