How should you complete the relevant code?

HOTSPOT
You are creating a custom CSS3 style.
You have the following requirements to complete the style:
• Box1 has a red outline.
• Box1 contains box2, and box2 must remain inside box1
• Box2 must have a green to black gradient.
• Box2 must be surrounded by white space.
The style resembles the following diagram:

You need to add the CSS3 code to the styles.
How should you complete the relevant code? (To answer, select the appropriate code segment in each drop-down list in the answer area.)
Hot Area:

Correct Answer:

Explanation/Reference:
border: 1px solid #f00;a red border 1 pixel thick.
background-image: linear-gradient(to bottom, green,black);Linear Gradients (goes down/up/left/right/diagonally).
Starts at the top with green and goes to bottom with black. margin: 10px 10px 10px 10px;
The CSS margin properties define the space around elements.
The top, right, bottom, and left margin can be changed independently using separate properties.
Incorrect Answers: * border-color: red; will not display any border
Radial Gradients (defined by their center).