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
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
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
100%
<!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