<!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> </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 elementscSS Requirements:Each div should have a width and height of 400px• Center the divs using the margin tricko margin: 0 auto;• Each div should have a relative position type• Each div should have a top offset of 1emEach div should have a left offset of lemEach div should have a unique background colorEach div should have the same border and border radiusWhen you are done, your webpage should look like the image below (apart from the colors andborders):Relative

The relative positioning set the element relative to its normal position.

Answered: Part 2- Relative (relative.html) In…

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

Related questions

Concept explainers

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>

</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

Expert Solution

Step by step

Solved in 4 steps with 2 images

SEE SOLUTION Check out a sample Q&A here

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.

Similar questions