Part 2 - Relative

New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter1: Getting Started With Html5: Creating A Website For A Food Vendor
Section: Chapter Questions
Problem 23CP3
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:
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 1em
Each div should have a left offset of lem
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):
Relative
Transcribed Image Text: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 1em Each div should have a left offset of lem 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): Relative
Expert Solution
steps

Step by step

Solved in 3 steps with 3 images

Blurred answer
Knowledge Booster
Fundamentals of Boolean Algebra and Digital Logics
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
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning