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>

<!-- User Editable Region -->

    <style>
      h1{
        text-align: center;
      }
      h2{
        text-align: center;
      }
      p{
        text-align: center;
      }
    </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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36

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

Link to the challenge:

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

(You have not filled out the “Tell us what’s happening:” field above)

I had to text align center the h2 and p elements. I’m sur I did it right but it is not been accepted. I don’t know why it’s doing like that.
Please help.

Please try adding a space after each selector

I tried doing that, but it still doesn’t works.

What does your code look like with that change?

I copied your code and run it but it worked, that means there is nothin wrong with your code.

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