Digamos que tengo el siguiente código CSS y HTML:
#header {
height: 150px;
}
<div id="header">
<h1>Header title</h1>
Header content (one or multiple lines)
</div>
La sección del encabezado tiene una altura fija, pero el contenido del encabezado puede cambiar.
Me gustaría que el contenido del encabezado se alinee verticalmente con la parte inferior de la sección del encabezado, de modo que la última línea de texto se "pegue" en la parte inferior de la sección del encabezado.
Entonces, si solo hay una línea de texto, sería como:
----------------------------- El | Título del encabezado El | El | El | El | contenido del encabezado (que resulta en una línea) -----------------------------
Y si hubiera tres líneas:
----------------------------- El | Título del encabezado El | El | contenido del encabezado (que es tan El | muchas cosas que perfectamente El | abarca más de tres líneas) -----------------------------
¿Cómo se puede hacer esto en CSS?