Question: Can someone please help me to solve those errors 14 15 Go to the code3-1.htm/fil... 0.00 out of 10.00 Open the file code3- 1_float.css, and
Can someone please help me to solve those errors 


14 15 Go to the code3-1.htm/fil... 0.00 out of 10.00 Open the file code3- 1_float.css, and for all img elements create a style rule to set the height of the image to 3.3em. Float all img elements on the right margin, but only when the right margin is first cleared of any floats. (Hint: clear: right ). 16 h1 { 17 text-align: center; 18 } 19 20 p:first-of-type:first-letter { 21 float: left; 22 font-size: 4em; 23 border: 2px solid; 24 border-radius: 5px; 25 margin: 0 .1em 0.2em 0; 26 padding: 0.1em 0.2em 0; 27 line-height: 0.8em; 28 } 29 30 p:first-of-type: :first-line { 31 font-variant: small-caps; 32 font-size: 1.4em; 33 } 34 35 img { 36 37 height: 3.3em; 38 float: right; 39 clear: both; 40 } Make sure you complete this step prior to formatting or applying styles to the paragraph element. Checks > Webpage Test Incomplete Apply the style rules to the inline image elements 41 0.00 out of 10.00 To create a 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. 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. Make sure to complete this step after styling the inline image elements. Checks > Webpage Test Incomplete Apply style rules to the first paragraph Webpage Test Incomplete Apply style rules to the second paragraph > Webpage Test Incomplete Apply style rules to the third paragraph
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
