<h1> Không dùng box-sizing </h1>

<div class = "div1">phần tử div này nhỏ hơn (chiều rộng là 300px và chiều cao là 100px)</div>
<br>
<div class = "div2">phần tử div này lớn hơn (chiều rộng cũng là 300px và chiều cao là 100px)</div>
.div1 {
  width: 300px;
  height: 100px;
  border: 1px solid blue;
}

.div2 {
  width: 300px;
  height: 100px;  
  padding: 50px;
  border: 1px solid red;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.