
The first block of code on the top left side reads as follows. Line 1: div open curly brace at indentation level 0. Line 2: box hyphen sizing colon content hyphen box semicolon at indentation level 1. Line 3: width colon 200 p x semicolon at indentation level 1. Line 4: height colon 100 p x semicolon at indentation level 1. Line 5: padding colon 5 p x semicolon at indentation level 1. Line 6: margin colon 10 p x semicolon at indentation level 1. Line 7: border colon solid 2 p t black semicolon at indentation level 1. Line 8: colon curly brace at indentation level at 0. A rectangular box with a solid border of 2 units placed within a rectangular block of dashed lines is below the first block of code. The rectangular box is placed at a distance of 10 p x from the block. The inner side of the rectangular box has a padding of 5 units. The width of the space inside the padding is 200 p x and the height of the space inside the padding is 100 p x.
The size properties of the block and its elements are given as follows:
left margin 10 10 top margin
left border 2 2 top border
left padding 5 5 top padding
width 200 100 height
right padding 5 5 bottom padding
right border 2 2 bottom border
right margin 10 10 bottom margin
True element width 234 p x 134 p x True element height
The second block of code placed below the first block reads as follows. Line 1: div open curly brace at indentation level 0. Line 2: box hyphen sizing colon border hyphen box semicolon at indentation level 1. Line 3: close curly brace at indentation level 0
The size properties of the block and its elements are given as follows:
left margin 10 10 top margin
width 200 100 height
right margin 10 10 bottom margin
True element width 220 p x 120 p x True element height
The second rectangular box with a solid border placed within a rectangular block of dashed lines is placed below the second block of code. The rectangular box is placed at a distance of 10 p x from the block. The width of the rectangular box is 200 p x and the height of the rectangular box is 100 p x.
Back