Learn Basic CSS by Building a Cafe Menu - Step 12

I can’t see any typos or mistakes, and I’m stuck on step 12 trying to center the top of the menu. I’ve looked online, and it looks like everything is nestled correctly. Could someone take a look at it and tell me what I’ve done wrong? :persevere::persevere:

  **Your code so far**
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <style> 
  h1{text-align:"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:

1 Like

Hello. Unlike in HTML, when setting a property in CSS you do not use quotation marks. Since you wrote h1{text-align:"center"}, it is not recognized, as it is not the correct syntax. Simply type text-align: center; and it will be correct, as everything else is.

1 Like

Got it thank you so much!

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