boxsizing2.html

/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.5/boxsizing2.html

<!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>