Box Model Introduction

 1) By default every HTML element will have a box around it's content

2)

3) The display property in CSS lets us decide and manipulate what type of box we need according to our requirement and there are 3 main values in the display property:

• block
• inline
• inline-block

{

display: inline-block;

}

is the best value of display property. Because with display: inline; , we cannot give box properties like width, height, and other box properties to them.

3) Important topics on Box Model