Mastering the HTML Box Model: Easy Quiz Quiz

1. Understanding Content Area

   Which part of the HTML Box Model contains the actual text or image displayed inside an element?

   1. A. Content area
   2. B. Margin area
   3. C. Padding border
   4. D. Outline block
   5. E. Frame zone

2. Identifying Padding

   If you want to add extra space between the content of a <div> and its border, which Box Model property should you use?

   1. A. Margin
   2. B. Padding
   3. C. Bordering
   4. D. Outline
   5. E. Spacer

3. Box Model Order

   Given the Box Model structure, what is the correct order from innermost to outermost?

   1. A. Content, Border, Padding, Margin
   2. B. Content, Padding, Border, Margin
   3. C. Margin, Border, Padding, Content
   4. D. Border, Content, Margin, Padding
   5. E. Padding, Margin, Content, Border

4. Border Application

   Which CSS property would you use to add a visible line around an element, as in <div style='____: 2px solid black'>?

   1. A. outline
   2. B. border
   3. C. padding
   4. D. margin
   5. E. brorder

5. Effect of Margin Property

   If you set margin: 30px on a <div>, what effect does it have in the Box Model?

   1. A. Increases the transparent area inside the border
   2. B. Adds space inside the content area
   3. C. Adds space between the element’s border and neighboring elements
   4. D. Changes the background color outside the box
   5. E. Reduces the content width to zero