I dont understand why its asking You should add a new h2 selector

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <style>
    h1 {
      text-align: center;
    }   
  </style>
  <style>
    p { text-align: center;}
  </style>
  <style>
      h2 { text-align: right}
   </style>
</head>
<body>
  <header>
    <h1>CAMPER CAFE</h1>
    <p>Est. 2020</p>
  </header>
  <main>
    <section>
      <h2>Coffee</h2>
    </section>
  </main>
</body>
<html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36

Challenge: Step 13

Link to the challenge:

You have many <style> elements in your html document.
Usually only one style element is used.

Example of style tag:

<style>
div{
  background-color: black;
}
p{
  color: white;
}
</style>
2 Likes

but in this step they asking me to center the p and h2 element and not to change the background color

I was just giving an example on how to use the style element. Not a solution.

You have used too many style elements in your code.
Only one <style> element is used in html

This helped me so much thank you :smiley:

I am assuming that the one style element rule applies for even more advanced and stylized websites or is that something completely different?

this helped me out so much! thank you!

I have same issue and use different selectors but still give issue somebody share your experience here please.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.