div 中的控件底部对齐_如何将div的内容与底部对齐？

如何将div的内容与底部对齐？

假设我有以下CSS和HTML代码：

#header {

height: 150px;

}

Header title

Header content (one or multiple lines)

标题部分是固定高度，但标题内容可能会改变。我希望标题的内容垂直对齐到标题部分的底部，因此最后一行文本“粘贴”到标题部分的底部。

所以，如果只有一行文字，那就像：

-----------------------------

| Header title

|

|

|

| header content (resulting in one line)

-----------------------------

如果有三行：

-----------------------------

| Header title

|

| header content (which is so

| much stuff that it perfectly

| spans over three lines)

-----------------------------

如何在CSS中做到这一点？