Homework Help is Here – Start Your Trial Now!
Engineering
Computer Science
Part 2- Relative (relative.html) In this section you will complete relative.html by adding styles and HTML. HTML Requirements: • 1xh1 element • 3 x div elements CSS Requirements: • Each div should have a width and height of 400px • Center the divs using the margin trick o margin: 0 auto; • Each div should have a relative position type • Each div should have a top offset of lem • Each div should have a left offset of 1em • Each div should have a unique background color • Each div should have the same border and border radius When you are done, your webpage should look like the image below (apart from the colors and hordersl

Part 2- Relative (relative.html) In this section you will complete relative.html by adding styles and HTML. HTML Requirements: • 1xh1 element • 3 x div elements CSS Requirements: • Each div should have a width and height of 400px • Center the divs using the margin trick o margin: 0 auto; • Each div should have a relative position type • Each div should have a top offset of lem • Each div should have a left offset of 1em • Each div should have a unique background color • Each div should have the same border and border radius When you are done, your webpage should look like the image below (apart from the colors and hordersl

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 2 - Relative</title>
    <style>
        /* Write your style rules here */
    </style>
</head>
<body>
    <!-- Write your HTML here  -->
</body>
</html>

**Part 2 – Relative (relative.html)** In this section, you will complete `relative.html` by adding styles and HTML. **HTML Requirements:** - 1 x `<h1>` element - 3 x `<div>` elements **CSS Requirements:** - Each div should have a width and height of 400px. - Center the divs using the margin trick: - `margin: 0 auto;` - Each div should have a relative position type. - Each div should have a top offset of 1em. - Each div should have a left offset of 1em. - Each div should have a unique background color. - Each div should have the same border and border radius. When you are done, your webpage should look like the image below (apart from the colors and borders): **Diagram Explanation:** The diagram shows three overlapping squares (divs) with a header titled "Relative" above them. The divs are stacked with slight offsets, creating a layered effect. Each div is centered horizontally and has a different background color, but shares the same border and border radius style.
Transcribed Image Text:**Part 2 – Relative (relative.html)** In this section, you will complete `relative.html` by adding styles and HTML. **HTML Requirements:** - 1 x `<h1>` element - 3 x `<div>` elements **CSS Requirements:** - Each div should have a width and height of 400px. - Center the divs using the margin trick: - `margin: 0 auto;` - Each div should have a relative position type. - Each div should have a top offset of 1em. - Each div should have a left offset of 1em. - Each div should have a unique background color. - Each div should have the same border and border radius. When you are done, your webpage should look like the image below (apart from the colors and borders): **Diagram Explanation:** The diagram shows three overlapping squares (divs) with a header titled "Relative" above them. The divs are stacked with slight offsets, creating a layered effect. Each div is centered horizontally and has a different background color, but shares the same border and border radius style.
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