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>
I attached your answer in below.
Step by step
Solved in 2 steps