HTML and CSS Reference
In-Depth Information
Figure 9-14
The banner ad fixed to the bottom and right of the viewport.
Code Challenge: Change the Position of the Quotes Around the Cus-
tomer Testimonials Without Affecting the Flow
In styles.css, do the following:
1.
Add a new rule set for
blockquote
with the declaration
position: relative;
.
2.
Add the declarations
position: absolute; left: -20px; top: -10px;
to the
block-
quote p:before
rule set.
3.
Add the declarations
position: absolute; right: 0; bottom: -20px;
to the
block-
quote p:after
rule set.