Part 3 Adding Rules Add three Content Division elements to index.html o Each Content Division element should have 2 children: a Level Two Section Heading and a Paragraph element (these already exist in the HTML) • Provide a class attribute to each Content Division element Add top and bottom margins to each Level Two Section Heading element using a combination of a class selector and child selector Give the Image element an ID Create a style rule using an ID selector to modify the image so it matches the image below:
what I have so far
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<meta charset=”utf-8”>
<title>Lab1</title>
</head>
<body>
<h1><img>
<br><img src="21.png">
<p>Amet Justo Donec</p>
</h1>
<p>Cursus EgetPurus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit.<p/>
<h2>Cursus Eget</h2>
<p>Purus sit amet volutpat consequat mauris nunc congue nisi vitae. Suscipit tellus mauris a diam maecenas sed enim ut sem viverra aliquet eget sit.<p/>
<h2>Diam</h2>
<p>Urna condimentum mattis pellentesque id nibh tortor. Id aliquet lectus proin nibh nisl condimentum id venenatis. A condimentum vitae sapien pellentesque habitant.<p/>
<h2>Aliquam Sem Fringilla</h2>
<p>Pellentesque, NecEst velit egestas dui id ornareEst ultricies integer quis auctor elit<p/>
</body>
</html>
![Part 3
Adding Rules
• Add three Content Division elements to index.html
o Each Content Division element should have 2 children: a Level Two Section
Heading and a Paragraph element (these already exist in the HTML)
Provide a class attribute to each Content Division element
Add top and bottom margins to each Level Two Section Heading element using a
combination of a class selector and child selector
Give the Image element an ID
Create a style rule using an ID selector to modify the image so it matches the image
below:](/v2/_next/image?url=https%3A%2F%2Fcontent.bartleby.com%2Fqna-images%2Fquestion%2Ffa8d89f6-1322-4636-a2bb-635592909916%2F410daece-25e9-44c2-a752-25f18734fb73%2Fpvhwd1d_processed.png&w=3840&q=75)
![](/static/compass_v2/shared-icons/check-mark.png)
I attached your answer in below.
Step by step
Solved in 2 steps
![Blurred answer](/static/compass_v2/solution-images/blurred-answer.jpg)
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
![Computer Networking: A Top-Down Approach (7th Edi…](https://www.bartleby.com/isbn_cover_images/9780133594140/9780133594140_smallCoverImage.gif)
![Computer Organization and Design MIPS Edition, Fi…](https://www.bartleby.com/isbn_cover_images/9780124077263/9780124077263_smallCoverImage.gif)
![Network+ Guide to Networks (MindTap Course List)](https://www.bartleby.com/isbn_cover_images/9781337569330/9781337569330_smallCoverImage.gif)
![Concepts of Database Management](https://www.bartleby.com/isbn_cover_images/9781337093422/9781337093422_smallCoverImage.gif)
![Prelude to Programming](https://www.bartleby.com/isbn_cover_images/9780133750423/9780133750423_smallCoverImage.jpg)
![Sc Business Data Communications and Networking, T…](https://www.bartleby.com/isbn_cover_images/9781119368830/9781119368830_smallCoverImage.gif)