Beispiel:Dl-2.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"> <title>dt und dd in einer Zeile</title> <style> dt { float: left; font-weight: bold; margin-right: 0.5em; } dt:after { content: ": "; } dd:after { content: " "; clear: left; display: block; } </style> </head> <body>
Anwendung einer Definitionsliste (dl)
dt und dd
in einer Zeile darstellen
- Punkt 1
- Punkt 2
- wird hier definiert
- Punkt 3
- gibt es in einer folgenden Zeile
- Folgeerläuterung 1
- Folgeerläuterung 2
- ...
- Punkt 4
- ohne Erläuterung
</body> </html>
