Learn Basic CSS by Building a Cafe Menu - Step 12

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

  **Your code so far**
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <style>
    element {
      h1: center;
    }
  </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/103.0.0.0 Safari/537.36

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

Link to the challenge:

The element text in the given example is just a placeholder for an actual element, which in this case, is h1. Same condition applies for the property. It should be text-align.

can you give me example how to do it? i didnot understand :frowning:

I can, but it’s against the terms of freeCodeCamp to share the exact code in the forums.

i dont need exact code, i need example

It’s not that difficult. Just replace element with h1 &
h1 with text-align in your code.

These are the early stages in HTML. If I showed you an example, I’ll end up revealing the code since it’s so primitive.

Try this out. You’ll succeed. @razmikag2

i did it, thnks for help.

1 Like

Glad you solved it. :+1:t2: