diff --git a/html-boilerplate/index.html b/html-boilerplate/index.html
index 7cce8c2..4d1caf6 100644
--- a/html-boilerplate/index.html
+++ b/html-boilerplate/index.html
@@ -34,6 +34,11 @@ <h2> <a href="pages/about.html"> About </a> </h2>
 	<!-- Die erste Liste war eine ohne Reihenfolge, die zweite war mit einer Reihenfolge -->
 	<p> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora nam, voluptatem corporis eveniet ipsa est earum doloremque aliquid cumque iure incidunt suscipit doloribus facilis nulla odit dolore eaque? Placeat, quasi.<div></p>
 	
+
+		<div class="block"> Block Box</div>
+		<div class="inline">Inline Box</div>
+		<div class="inline-block">Inline-block Box</div>
+
 </body>
 <!-- Kommentar im Code -->
 </html>
diff --git a/html-boilerplate/styles.css b/html-boilerplate/styles.css
index 2091bc3..6949d65 100644
--- a/html-boilerplate/styles.css
+++ b/html-boilerplate/styles.css
@@ -1,4 +1,6 @@
-
+* {
+    outline: 2px solid red;
+}
 
 img {
 height: auto;
@@ -21,4 +23,28 @@ div {
 
 body {
     background-color:aquamarine;
+}
+
+h1 {
+    padding: 80px;
+   
+   margin: 90px;
+}
+
+.block {
+    background-color: red;
+    width: 100px;
+    height: 100px;   
+}
+.inline {
+    background-color: blue;
+    width: 100px;
+    height: 100px;
+    display: inline;
+}
+.inline-block {
+    background-color: blue;
+    width: 100px;
+    height: 100px;
+    display: inline-block;
 }
\ No newline at end of file