Diga que tenho o seguinte código CSS e HTML:

#header {
  height: 150px;
}

<div id="header">
  <h1>Header title</h1>
  Header content (one or multiple lines)
</div>

A seção do cabeçalho tem altura fixa, mas o conteúdo do cabeçalho pode mudar. Eu gostaria que o conteúdo do cabeçalho estivesse alinhado verticalmente na parte inferior da seção do cabeçalho, para que a última linha do texto "grude" na parte inferior da seção do cabeçalho.

Então, se houver apenas uma linha de texto, seria como:

-----------------------------
| Header title
|
|
|
| header content (resulting in one line)
-----------------------------

E se houvesse três linhas:

-----------------------------
| Header title
|
| header content (which is so
| much stuff that it perfectly
| spans over three lines)
-----------------------------

Como isso pode ser feito em CSS?