The style declarations contained within this page:
BODY:after {
content: "The End";
display: block; margin-top: 2em;
text-align: center; color: maroon;
}
P.note:before {content: "Note";}
P.note {color: purple;}
.fox1:before {content: "The quick brown fox";}
.fox2:after {content: "the lazy dog.";}
.fox3:after {content: " jumped over the lazy dog.";}
A plain, unstyled paragraph. Note that, at the bottom of this page, there should be a block-level box containing the words "The End" centered, and colored maroon.
[note] This paragraph should have generated content inserted at its beginning, and the entire element (including the generated content) should be purple.
jumped over the lazy dog.
The quick brown fox jumped over
jumped over