Tooltip mit CSS3 (ohne Javascript)

Tooltips sind schön, weil sie einem helfen dem User, ohne von Anfang an sichtbar und aufdringlich zu sein, direkt an Ort und Stelle hilfreiche Informationen bereit zustellen.
Doch für die meisten Tooltips benötigt man die Unterstützung von Javascript.

Doch manch ein hartgesottener Internet-User wehrt sich gegen die Flut von Javascript Popups und Animationen indem Javascript im Browser deaktiviert.
Hinüber sind die schönen Tooltips!
Aber es gibt Hilfe in Form von reinen CSS-Tooltips, die mindestens genau so schön und zurückhaltend sind wie ihre Javascript-Büder.

Wie das geht zeigt dieses Tutorial!