diff --git a/css/main.css b/css/main.css
index e5d1857..e904efc 100644
--- a/css/main.css
+++ b/css/main.css
@@ -129,4 +129,16 @@ table#t01 th {
 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;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 5c7a510..44f3977 100644
--- a/index.html
+++ b/index.html
@@ -72,10 +72,26 @@
 
         <script>
             // create table
-            handleFile("resources/world_data_v1.csv")            
+            handleFile("resources/world_data_v1.csv")
         </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>