A mock HTML and CSS interview

16-05-2026

1. What is the use of box sizing and box-sizing: border box?
   The box-sizing property allows us to include the padding and border in an element's total width and height.

2. Block-level Elements
   Block-level elements always start on a new line, and browsers automatically add some space (a margin) before and after the element.

   • common Block-level elements are ,

     ,,,,

   • Inline Element:

     1. Inline as the name says "included as part of the main text and not as a separete section,
     2. Inline elements occupy the space as needed within the space defined by the main element.
     3. Unlike block-level elements, they do not begin on new lines.

     ex:Inline element are ,,,,,,

   • Types of HTML elements

     1. Block-Level Elements
     2. Inline Elements
     3. Empty Elements box

   • What is the box model?
     
     The CSS box model is a fundamental concept in web design that defines how HTML elements are structured and positioned on web pages.