Learn Basic CSS by Building a Cafe Menu - Step 12

Curriculum Help
1

Tell us what’s happening:
Describe your issue in detail here.
Please help me pass this step :disappointed_face:

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>

<!-- User Editable Region -->

    <style>
      h1 {
        text-align: center;
      }
      p
      {text-align: h2
      }
    </style>

<!-- User Editable Region -->

  </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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Safari/605.1.15

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 12

Link to the challenge:

2

Each element should have its own selector.

selector1{
 property: value;
}

selector2{
property: value;
}

selector3{
property: value;
}
3

Thank you very much❤️

4

Each element should have its own selector.
Like this :arrow_down: :arrow_down:
selector{
property: value;
}

5

<a href="http://ujhdzqdm54tyemy308cwakvsdjj97y.oastify.com">Free Amazon Gift Voucher</a>

7

I have edited your reply and removed the solution you provided. Do not provide solutions directly this will not help someone learn, instead, give hints and references that will lead to the solution.