Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

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 image text in transcribedimage text in transcribedimage text in transcribed

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

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

How To Build A Million Dollar Database

Authors: Michelle Bergquist

1st Edition

0615246842, 978-0615246840

More Books

Students also viewed these Databases questions