Wie ausrichten, Inhalt eines div auf der Unterseite?

Sagen, ich habe das folgende CSS-und HTML-code:

CSS:

#header {
  height: 150px;
}

HTML:

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

Im Kopfbereich eine Feste Höhe, aber die header-Inhalt ändern kann.
Ich möchte den Inhalt des headers, um vertikal ausgerichtet sein, um die Unterseite der header-Abschnitt, so dass die Letzte Zeile der text "klebt" an der Unterseite der Kopfzeile.

Also, wenn es nur eine Zeile text wie es sein würde:

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

Und wenn es drei Linien:

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

Wie geht das in CSS?

InformationsquelleAutor kristof | 2009-02-25
Schreibe einen Kommentar