Πώς να ευθυγραμμίσετε το περιεχόμενο ενός div στο κάτω μέρος

/* Creates a new stacking context on the header */
#header {
  position: relative;
}

/* Positions header-content at the bottom of header's context */
#header-content {
  position: absolute;
  bottom: 0;
}

<span id="header-content">some header content</span>

<div style="height:100%; position:relative;">
    <div style="height:10%; position:absolute; bottom:0px;">bottom</div>
</div>

#header {
  display: table-cell;
  vertical-align: bottom;
}