Disons que j'ai le code CSS et HTML suivant:
#header {
height: 150px;
}
<div id="header">
<h1>Header title</h1>
Header content (one or multiple lines)
</div>
La section d'en-tête est à hauteur fixe, mais le contenu de l'en-tête peut changer.
Je voudrais que le contenu de l'en-tête soit aligné verticalement au bas de la section d'en-tête, de sorte que la dernière ligne de texte "colle" au bas de la section d'en-tête.
Donc, s'il n'y a qu'une seule ligne de texte, ce serait comme:
----------------------------- | Titre d'en-tête | | | | contenu d'en-tête (résultant en une ligne) -----------------------------
Et s'il y avait trois lignes:
----------------------------- | Titre d'en-tête | | le contenu de l'en-tête (ce qui est | beaucoup de choses qu'il parfaitement | s'étend sur trois lignes) -----------------------------
Comment cela peut-il être fait en CSS?