<!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

 <link rel="stylesheet" media="screen" href="./Beispiel:Grundlayout.css">

<style> dl {

 display: grid;
 grid-template-columns: auto 1fr;
 max-width: 18em;
 margin: 1em;
 line-height: 1.4;

} dt {

 grid-column: 1;
 font-weight: bold;

} dd {

  grid-column: 2;
}

</style> <title>Beschreibungsliste im Rasterlayout</title> </head> <body>

Beschreibungsliste, die sich durch den auto-placement-Algorithmus selbständig am Raster ausrichtet

Tiere Südafrikas

</body> </head>