Homework Help is Here – Start Your Trial Now!
Engineering
Computer Science
Part la- Floats (float-contenthtml) 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 in your 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 tem 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 text Remove all margins from the drop cap letter except for the right margin o You can experiment with the right margin until you find a value that you think looks good Text should flow around the drop cap letter HTML Requirements: 1x Paragraph element 1x Span element When you are done you should have something that looks like the images below: Reduced Screen Size ervltem m m em aperm.cop ipa wiats et quaihe v di od g, d qui volupttem i necit etco tempen incit velupen. Uenin ad i pom m Cnd qi mqa dloen vel ee fugi qevalupta la paritr Full Screen Size

Part la- Floats (float-contenthtml) 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 in your 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 tem 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 text Remove all margins from the drop cap letter except for the right margin o You can experiment with the right margin until you find a value that you think looks good Text should flow around the drop cap letter HTML Requirements: 1x Paragraph element 1x Span element When you are done you should have something that looks like the images below: Reduced Screen Size ervltem m m em aperm.cop ipa wiats et quaihe v di od g, d qui volupttem i necit etco tempen incit velupen. Uenin ad i pom m Cnd qi mqa dloen vel ee fugi qevalupta la paritr Full Screen Size

Database System Concepts
Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
See similar textbooks
icon
Related questions
Question

<!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>
    <!-- Write your HTML here -->
</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 in your 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 text Remove all margins from the drop cap letter except for the right margin o You can experiment with the right margin until you find a value that you think looks good Text should flow around the drop cap letter HTML Requirements: 1 x Paragraph element • 1x Span element When you are done you should have something that looks like the images below: Reduced Screen Size ed ut perspiciatis unde omais iste nats emor sit voluptatem accusantim doloremge laudantium. tam em speriam.cague ipsa quae ab illo invetore veritatis et quasi architecto beatae vitae dicta sunt enplicabo. Nemo enim ipsam voluptatem quia voluptas sit apematur aut odit aut fugit, veluptatem sequi nesciunt. Neque pomo quisquam est.qui delorem ipsum quia dukr sit aet, consectetur, adipisci velit, sed quia on umqua eius modi tempors incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Dt enim ad minima veniam, quis nosrum eserciationem ullam corporis suscipit laborionam, misi ut aliquid es ca commodi conequatur? Quis autem vel eum iure reprehenderit qui in ca voluptate velit esse quam nihil molestiae comequatur, vel illum qui dolorem eum fugiat que valuptas nalla pariatur? , sed quia consequtr magni doloes cos qui raione Full Screen Size
Transcribed Image Text: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 in your 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 text Remove all margins from the drop cap letter except for the right margin o You can experiment with the right margin until you find a value that you think looks good Text should flow around the drop cap letter HTML Requirements: 1 x Paragraph element • 1x Span element When you are done you should have something that looks like the images below: Reduced Screen Size ed ut perspiciatis unde omais iste nats emor sit voluptatem accusantim doloremge laudantium. tam em speriam.cague ipsa quae ab illo invetore veritatis et quasi architecto beatae vitae dicta sunt enplicabo. Nemo enim ipsam voluptatem quia voluptas sit apematur aut odit aut fugit, veluptatem sequi nesciunt. Neque pomo quisquam est.qui delorem ipsum quia dukr sit aet, consectetur, adipisci velit, sed quia on umqua eius modi tempors incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Dt enim ad minima veniam, quis nosrum eserciationem ullam corporis suscipit laborionam, misi ut aliquid es ca commodi conequatur? Quis autem vel eum iure reprehenderit qui in ca voluptate velit esse quam nihil molestiae comequatur, vel illum qui dolorem eum fugiat que valuptas nalla pariatur? , sed quia consequtr magni doloes cos qui raione Full Screen Size
Expert Solution
steps

Step by step

Solved in 4 steps with 2 images

SEE SOLUTIONCheck out a sample Q&A here
Blurred answer
Knowledge Booster
Image Element
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education
SEE MORE TEXTBOOKS