Part 2- Relative (relative.html) In this section you will complete relative.html by adding styles and HTML. HTML Requirements: • 1xhl 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 borders): Relative
Part 2- Relative (relative.html) In this section you will complete relative.html by adding styles and HTML. HTML Requirements: • 1xhl 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 borders): 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
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>
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
Step by step
Solved in 4 steps with 2 images
Knowledge Booster
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.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