Learn Basic CSS by Building a Cafe Menu - Step 12

Tell us what’s happening:
Describe your issue in detail here. i need ur help on how to fix lesson 12 propertly

  **Your code so far**
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <style> <h1>{property:text-align value; center}</h1>
  </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 6.2; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

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

Link to the challenge:

That is not what you were asked to do.

Here are the full instructions again:

You can add style to an element by it in the style element and setting a property for it like this:

element {
 property: value;
}

Center your h1 element by setting its text-align property to the value center.

The point they are making is that you should replace the word “property” with “text-align” as that is the property we are defining. And, replace the word “value” with “center” as we want the text alignment to be centered. So copy and paste the template code they gave you and just replace the property and value with the given property name and value.