diff --git a/Web Development Python Projects/6.3 CSS Box Model/goal.png b/Web Development Python Projects/6.3 CSS Box Model/goal.png
new file mode 100644
index 0000000..9635d65
Binary files /dev/null and b/Web Development Python Projects/6.3 CSS Box Model/goal.png differ
diff --git a/Web Development Python Projects/6.3 CSS Box Model/index.html b/Web Development Python Projects/6.3 CSS Box Model/index.html
new file mode 100644
index 0000000..55c681b
--- /dev/null
+++ b/Web Development Python Projects/6.3 CSS Box Model/index.html	
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Box Model</title>
+  <style>
+    
+    div {
+      width: 200px;
+      height: 200px;
+    }
+
+    p {
+      margin: 0;
+    }
+
+    #first {
+      background-color: cadetblue;
+      padding: 20px;
+      border: 10px, solid black;
+    }
+
+    #second {
+      background-color: gold;
+      border: solid black;
+      border-right-width: 10px;
+      border-left-width: 10px;
+      border-top-width: 20px;
+      border-bottom-width: 20px;
+      margin-left: 260px;
+    }
+
+    #third {
+      background-color: indianred;
+      border: 10px, solid black;
+      margin-left: 40px;
+    }
+
+  </style>
+</head>
+
+<body>
+
+  <div id="first">
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at sapien porttitor urna elementum lacinia. In
+      id magna pulvinar, ultricies lorem id, vehicula elit. Aliquam eu luctus nisl, vitae pellentesque magna. Phasellus
+      dolor metus, laoreet ac convallis sit amet, efficitur sed dolor.
+    </p>
+  </div>
+
+  <div id="second">
+    <p>
+
+    </p>
+  </div>
+
+  <div id="third">
+    <p>
+
+    </p>
+  </div>
+  
+</body>
+
+</html>
\ No newline at end of file
diff --git a/Web Development Python Projects/6.3 CSS Box Model/solution.html b/Web Development Python Projects/6.3 CSS Box Model/solution.html
new file mode 100644
index 0000000..664b8a5
--- /dev/null
+++ b/Web Development Python Projects/6.3 CSS Box Model/solution.html	
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>CSS Box Model</title>
+  <style>
+    div {
+      height: 200px;
+      width: 200px;
+    }
+
+    p {
+      margin: 0;
+    }
+
+    #first {
+      background-color: cadetblue;
+      padding: 20px;
+      border: 10px solid black;
+    }
+
+    #second {
+      background-color: gold;
+      border: solid black;
+      border-width: 20px 10px;
+      margin-left: 260px;
+    }
+
+    #third {
+      background-color: indianred;
+      border: 10px solid black;
+      margin-left: 40px;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="first">
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at sapien porttitor urna elementum lacinia. In
+      id magna pulvinar, ultricies lorem id, vehicula elit. Aliquam eu luctus nisl, vitae pellentesque magna. Phasellus
+      dolor metus, laoreet ac convallis sit amet, efficitur sed dolor. </p>
+  </div>
+  <div id="second">
+
+  </div>
+  <div id="third">
+
+  </div>
+</body>
+
+</html>
\ No newline at end of file
