small example

css/main.css

@@ -130,3 +130,15 @@ th {
     text-align: left;
     border-bottom: 3px solid lightgrey;
 }
+
+.did {
+	border: 1px solid;
+	float: left;
+    padding: 2em;
+}
+
+.didi {
+	border: 5px solid green;
+	float: left;
+	padding: 2em;
+}

index.html

@@ -76,6 +76,22 @@
         </script>
 
     </div>
+    <div class="did">
+        <h2>Listenüberschrift</h2>
+        <ul>
+            <li>Listenpunkt 1</li>
+            <li>Listenpunkt 2</li>
+            <li>Listenpunkt 3</li>
+        </ul>
+    </div>
+    <div class="didi">
+        <h2>Listenüberschrift</h2>
+        <ul>
+            <li>Listenpunkt 1</li>
+            <li>Listenpunkt 2</li>
+            <li>Listenpunkt 3</li>
+        </ul>
+    </div>
     <footer>
         <hr style="border: 1px solid lightgreen">
         <p>Copyright © 2018 world_data</p>