To create drop cap insert a style rule for the selector p:first-of-type::first-letter and add the following styles:

1. Float the element on the left margin.
2. Set the font size to 4em and the line height to 0.8em.
3. Set the size of the right margin and padding space to 0.1em. Set the bottom padding to 0.2em.

Display the first line of the speech in small caps by adding a style rule for the selector p:first-of-type::first-line that changes the font variant to small-caps and the font size to 1.4em.

Errors that pop up:

Make sure to complete this step after styling the inline image elements.

Checks

Webpage Test

Apply style rules to the first paragraph

Webpage Test

Apply style rules to the second paragraph

Webpage Test

Apply style rules to the third paragraph

My code so far:

/*firstletteroffirstparagraph*/

p:first-of-type::first-letter{

float:left;

font-size:4em;

line-height:0.8em;

margin-right:0.1em;

padding:0.1em;

padding-bottom:0.2em;

}

/*firstlineoffirstparagraph*/

p:first-of-type::first-line{

font-variant:small-caps;

font-size:1.4em;

}