Tell us what’s happening:
Hey guys! I think i’m doing it right but now i’m not so sure…
Step 12
In the previous step, you used a type selector to style the h1
element. Center the h2
and p
elements by adding a new type selector for each one to the existing style
element.
Test: Sorry, your code does not pass. Hang in there.
Hint: You should not add a new style
tag. Add the new CSS rules to the existing style
tag.
As you can see I didn’t add any new style tag. I just centered de ‘h2’ and ‘p’ elements the same way I did for the ‘h1’ element. Am I missing something?? Help!
Your code so far
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe Menu</title>
<style>
h1 {
text-align: center;
}
h2 {
text-align: center;
}
p {
text-align: center;
}
</style>
</head>
<body>
<main>
<h1>CAMPER CAFE</h1>
<p>Est. 2020</p>
<section>
<h2>Coffee</h2>
</section>
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:106.0) Gecko/20100101 Firefox/106.0
Challenge: Learn Basic CSS by Building a Cafe Menu - Step 12
Link to the challenge: