1 files changed, 34 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/7.1.box2.html b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/7.1.box2.html
new file mode 100644
index 0000000..6bcaf53
--- /dev/null
+++ b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/7.1.box2.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>CSS</title>
+        <meta charset="utf-8">
+        <style>
+.div1 { 
+    width: 200px;
+    height: 200px;
+    background-color: #D1ECFF;
+    border: 3px dashed #000000;
+    padding: 5px; 
+}
+
+.div2 { 
+    width: 100px;
+    height: 100px;
+    background-color: #ffffff;
+    border: 3px ridge #000000;
+    padding: 5px;
+    margin: 10px; 
+}
+
+        </style>
+    </head>
+    <body>
+        <div class="div1">
+            This is the outer box.
+            <div class="div2">
+                This is the inner box.
+            </div>
+        </div>
+    </body>
+</html>