diff --git a/classes/a2/a201/examples/html-and-css.html b/classes/a2/a201/examples/html-and-css.html
index be5c3875..4a04b667 100644
--- a/classes/a2/a201/examples/html-and-css.html
+++ b/classes/a2/a201/examples/html-and-css.html
@@ -1,20 +1,48 @@
 <html>
-  <head>
-    <meta charset="UTF-8">
-    <style>
-    </style>
-  </head>
-  <body>
-    <h1>Rubrik A</h1>
+
+<head>
+  <meta charset="UTF-8">
+  <style>
+    h1 {
+      font-size: 16px;
+    }
+
+    .my-special-element {
+      color: green;
+    }
+
+    #container > .my-special-element {
+      background-color: skyblue;
+    }
+
+    p:first-of-type {
+      border: 1px solid black;
+    }
+
+    h2 + p {
+      margin-top: 100px;
+    }
+
+    a {
+      color: red;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="container">
+    <h1 class="my-special-element">Rubrik A</h1>
     <h2>Rubrik B</h2>
-    <p>
-      En brödtext med <a href="https://google.se">
+    <p class="paragraph">
+      En brödtext med <a class="my-special-element" href="https://google.se">
         en länk till svenska Google</a>
-        och lite mer text.
+      och lite mer text.
     </p>
-    <p>En brödtext</p>
-    <a href="https://google.com">
+    <p class="my-special-element"">En brödtext</p>
+    <a href=" https://google.com">
       Klicka här för amerikanska Google
-    </a>
-  </body>
+      </a>
+  </div>
+</body>
+
 </html>
\ No newline at end of file
