ch04

2023-03-14 08:51:55 -05:00
parent c9bb4ba5c5
commit bea3068292
319 changed files with 1275 additions and 0 deletions
--- a/ZIPs/HTML/chapter7/boxsizing2.html
+++ b/ZIPs/HTML/chapter7/boxsizing2.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<title>box-sizing set to border-box</title>
+<meta charset="utf-8">
+<style>
+* { box-sizing: border-box; }
+body { width: 600px; }
+.pod { float: left; 
+    width: 30%;
+	height: 150px;
+	background-color: #D1ECFF;
+	padding:20px; margin: 10px; border: 1px solid #000033; }
+</style>
+
+</head>
+<body>
+<main>
+<h1>box-sizing set to border-box</h1>
+<div class="pod">
+Element 1
+</div>
+<div class="pod">
+Element 2
+</div>
+<div class="pod">
+Element 3
+</div>
+</main>
+
+</body>
+</html>