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 Can someone please help me to solve those errors 14 15 Goto 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

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

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!