Beispiel:HTML-Kontakt-grid.html
Aus SELFHTML-Wiki
<!doctype html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./Beispiel:Grundlayout.css" />
<title>Kontaktadressen im Grid Layout</title> <style>
dl.grid { display: grid; grid-template-columns: max-content 1fr; }
dd { margin: 0; padding-left: 1em; }
dl.grid dd {margin-bottom: 1em;}
a[href^="tel"] { white-space: nowrap; }
</style> </head>
<body>
Kontaktadressen im Grid Layout
Kontakt
<address>
- Öffnungszeiten
- Mo–Fr: 7:00–21:00 Uhr
- Sa: 9:00–15:00 Uhr
- Tel.
- <a href="tel:+49-89-00000000">089 0000 0000</a>
- Fax
- 089 0000 0001
- E-Mail Adresse
- <a href="mailto:kontakt@example.com">kontakt@example.com</a>
- Geschäftsadresse
- Fiktives Unternehmen
Musterstraße 93
80331 München - Rücksendungen an
- Fiktives Unternehmen
Musterstraße 93
80331 München
</address>
</body> </html>
