Learn Basic CSS by Building a Cafe Menu - Step 11

Tell us what’s happening:

center your h1 element by setting its text-align property to the value center i haven’t been able to get it right its been stressing

Your code so far

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

<!-- User Editable Region -->

    <style> element { 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/124.0.0.0 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 11

The word element was used in the example to represent any element you might want to style. In other words, you replace element with the name of the actual element you are styling.

The word element is just a placeholder, you need to replace it with an actual html element.
So, for example if you want to align the text of a h1 element, then write the following:
[Solution removed]

Happy coding😀

@introvertedbot I have removed the solution from your post.

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.