Box Model

  • Due Oct 2, 2018 at 11:59pm
  • Points 4
  • Questions 1
  • Available Sep 25, 2018 at 12:15pm - Dec 18, 2018 at 11:59pm
  • Time Limit None
  • Allowed Attempts Unlimited

Instructions

Based on the following markup, match the CSS style rules referenced on the left with the screenshot referenced on the right.  

Feel free to experiment yourself with the Box Model Quiz JSFiddle!

Markup

<p>Apple</p>
<p>Pear</p>
<p>Banana</p>

CSS that is consistent

p {
  background-color: #ddffdd;
  padding-left: 0.5em;
  margin-bottom: 4em;
}

CSS Rules

Screenshot of Results

A.  

/* no additional rules, not even the ones listed above! */

B.  

p {
  padding-top: 1em;
  padding-bottom: 2em;
  margin-bottom: 4em;
}

C.  

p {
  padding-top: 1em;
  padding-bottom: 4em;
  margin-bottom: 2em;
}

D.  

p {
  padding-top: 3em;
  padding-bottom: 1em;
  margin-top: 0px;
  margin-bottom: 0px;
}

1.

quiz-boxmodel3.png

2.

quiz-boxmodel1-1.png

3.

quiz-boxmodel2.png

4.

quiz-boxmodel4-1.png
Only registered, enrolled users can take graded quizzes