Id funktioniert nicht

[Gunnar Bittersmann]

@@Luis

kann mir jemand sagen weshalb die id bei der Email nicht funktioniert?

Weil du im Stylesheet eine Regel für #mail a angibst, also für a-Elemente, die sich innerhalb des Elements mit der ID mail befinden. Solche Elemente gibt es nicht.

Du möchtest stattdessen das Element mit der ID mail selektieren.

(Es ginge auch, alle (in dem Fall das eine) a-Elemente zu selektieren, deren Wert des href-Attributs mit mailto: anfängt. Dann bräuchtest du die ID gar nicht.)

Zur Auszeichnung des Kontakts zum Seitenbetreiber dient das address-Element.

Die email sollte eigentlich mittig sein.

Das wäre sie auch bei richtigem Selektor noch nicht, da a-Elemente per Default Inline-Elemente sind. (Und dieses a-Element sollte auch ein solches bleiben!)

Was wäre zu tun? Verwende ein address-Element außenrum, mache dieses zu einem Blockelement und setze bei Bedarf den per Browserdefault geltenden Schriftstil (kursiv) zurück. Darin befindliche Inhalte kannst du dann zentrieren.

Und die br-Elemente entsorgen. Für Abstände ist auch CSS da.

address
{
  display: block;
  margin-top: 3em;
  font-style: inherit;
  text-align: center;
}

LLAP 🖖