With CSS you can create many kind of box size effects that may help you to design your website.
The CSS box-sizing property allows us to include the padding and border in an element's total width and height.
If you set box-sizing: border-box; on an element, padding and border are included in the width and height
The box property has worked like as shown below
Both box are the same size.
When the above code is compiled , it produces the following result.