Id funktioniert nicht
bearbeitet von
@@Luis
> kann mir jemand sagen weshalb die id bei der Email nicht funktioniert?
Weil du im Stylesheet eine Regel für `#mail a`{: .language-css} 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](https://wiki.selfhtml.org/wiki/CSS/Selektoren/Attributselektor/Teil%C3%BCbereinstimmung), 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](https://w3c.github.io/html/sections.html#the-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 das 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.
~~~css
address
{
display: block;
margin-top: 3em;
font-style: inherit;
text-align: center;
}
~~~
LLAP 🖖
--
_“I love to go to JS conferences to speak about how to avoid using JavaScript. Please learn CSS & HTML to reduce your JS code bloat.”_{: lang="en"} —Estelle Weyl