Learn Basic CSS by Building a Cafe Menu - Step 11

HTML-CSS
1

Tell us what’s happening:
I can’t Center the h1 element by setting its text-align property to the value center . inside the style element

Your code so far

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

<!-- User Editable Region -->

    <style>
      <h1 style text-align:"center"></h1>
      element{
        property: value;
      }
    </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/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

This is an example of the syntax for CSS code. You should use this as a guide to create a selector and property/value pair for your h1 element.

I would hit the Reset button and then add your CSS code using the syntax above, replacing the words element, property and value with the relevant values. You should not add any HTML tags or other HTML code within your style tags.

3

Thank you so much, it is well now

1 Like
4

Mod edit: removed solution

5

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.

1 Like
6

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