diff --git a/introtohtml/index.html b/introtohtml/index.html
index 3ed40f3..5013264 100644
--- a/introtohtml/index.html
+++ b/introtohtml/index.html
@@ -19,6 +19,29 @@
       <i>website</i> things <em>on</em> the <mark>internet</mark>.
     </p>
     <hr />
+    <a href="https://mmatt.net" target="_blank">
+      <div
+        class="center"
+        style="
+          width: 200px;
+          height: 50px;
+          background-color: deeppink;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+        "
+      >
+        <span style="color: white">blah</span>
+      </div>
+    </a>
+    <br />
+
+    <div>
+      <div><p>first child</p></div>
+      <p>second child</p>
+    </div>
+
+    <br />
     <h2>this is a section</h2>
     <p>
       this is where I write words on the screen and the words go to your screen
diff --git a/introtohtml/styles.css b/introtohtml/styles.css
index 8c944cf..31f2c6e 100644
--- a/introtohtml/styles.css
+++ b/introtohtml/styles.css
@@ -16,6 +16,30 @@ p {
   background-color: red;
 }
 
+/* ID Selector */
+#top {
+  font-size: 200px;
+}
+
+/* Class Selector */
+.center {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+/* grab p thats inside two divs */
+div div p {
+  background-color: transparent;
+  text-align: right;
+}
+
+p:first-child {
+  color: blue;
+}
+p:nth-child(2) {
+  color: green;
+}
+
 h1,
 h2,
 h3,