<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Part 1a - Floats</title> <style> /* Write your style rule here */ </style></head><body> </body></html> Part la - Floats (float-content.html)Implement a drop cap letter in float-content.html. Using placeholder text(https://loremipsum.io/) for the text content. Use em units for expressing all sizes/spacing inyour style sheets. You will need to add HTML elements and style rules to complete this section.Style Requirements:The line height for all elements should be lem• The font size for the drop cap letter should be 3em• The font of the drop cap letter should be different than the font of adjacent textRemove all margins from the drop cap letter except for the right margino You can experiment with the right margin until you find a value that you thinklooks goodText should flow around the drop cap letterHTML Requirements:1 x Paragraph element• 1x Span elementWhen you are done you should have something that looks like the images below:Reduced Screen Sizeed ut perspiciatis unde omais iste nats emor sit voluptatemaccusantim doloremge laudantium. tam em speriam.cague ipsaquae ab illo invetore veritatis et quasi architecto beatae vitae dictasunt enplicabo. Nemo enim ipsam voluptatem quia voluptas sit apematuraut odit aut fugit,veluptatem sequi nesciunt. Neque pomo quisquam est.qui delorem ipsumquia dukr sit aet, consectetur, adipisci velit, sed quia on umqua eiusmodi tempors incidunt ut labore et dolore magnam aliquam quaeratvoluptatem. Dt enim ad minima veniam, quis nosrum eserciationemullam corporis suscipit laborionam, misi ut aliquid es ca commodiconequatur? Quis autem vel eum iure reprehenderit qui in ca voluptatevelit esse quam nihil molestiae comequatur, vel illum qui dolorem eumfugiat que valuptas nalla pariatur?, sed quia consequtr magni doloes cos qui raioneFull Screen Size

Q. <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">…

Answered: -8"> Part 1a - Floats</t

New Perspectives on HTML5, CSS3, and JavaScript

6th Edition

ISBN:9781305503922

Author:Patrick M. Carey

Publisher:Patrick M. Carey

Chapter5: Designing For The Mobile Web: Creating A Mobile Website For A Daycare Center

Section: Chapter Questions

Problem 19CP1

See similar textbooks

Similar questions

Add embedded CSS code to this html file so that the display changes as the following picture : <html><head><title>Centered Fixed 3-Column Layout</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <style> </style> </head><body><div id="wrapper"> <header><h1>Using CSS for Page Layouts</h1></header><nav><h2>Learn More</h2><p><a href="url">Topics</a></p><p><a href="url">Authors</a></p><p><a href="url">Videos</a></p><p><a href="url">Gallery</a></p><p><a href="url">Explore</a></p></nav> <article><h2 class="title">Article Title</h2><p class="copy">Video provides a powerful way to help you prove your point. When you click Online Video, you can paste in the embed code for the video you want to add. You can also type a…
Add embedded CSS code to this html file so that the display changes as following picture <!DOCTYPE html><html><head><title>Centered Fixed 3-Column Layout</title><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><style></style></head><body><div id="wrapper"><header><h1>Using CSS for Page Layouts</h1></header><nav><h2>Learn More</h2><p><a href="url">Topics</a></p><p><a href="url">Authors</a></p><p><a href="url">Videos</a></p><p><a href="url">Gallery</a></p><p><a href="url">Explore</a></p></nav><article><h2 class="title">Article Title</h2><p class="copy">Video provides a powerful way to help you prove your point. When you click Online Video,you can paste in the embed code for the video you want to add.You can also…
Make sure that the heading that starts with “Children’s Lessons” does not float to the right of the image by clearing the float at that element. In the ski.html file, add the following attribute/value pair to the opening tag that marks the Children’s Lessons heading: class="clearfloat"

Recommended textbooks for you

New Perspectives on HTML5, CSS3, and JavaScript

Computer Science

ISBN:

9781305503922

Author:

Patrick M. Carey

Publisher:

Cengage Learning

New Perspectives on HTML5, CSS3, and JavaScript

Computer Science

ISBN:

9781305503922

Author:

Patrick M. Carey

Publisher:

Cengage Learning

SEE MORE TEXTBOOKS