<html>
<head>
<style>
.div1 {
width: 300px;
height: 100px;
border: 1px solid blue;
}
.div2 {
width: 300px;
height: 100px;
padding: 50px;
border: 1px solid red;
}
</style>
</head>
<body>
<h1>Without box-sizing</h1>
<div class="div1">This div is smaller (width is 300px and height is 100px).</div>
<br>
<div class="div2">This div is bigger (width is also 300px and height is 100px).</div>
</body>
<!-- Mirrored from www.w3schools.com/css/tryit.asp?filename=trycss3_box-sizing_old by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 21 Dec 2022 16:49:15 GMT -->
</html>