Learn Basic CSS by Building a Cafe Menu - Step 11

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

Your code so far
someone help please

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

<!-- User Editable Region -->

    <style>
      <h1> element {property:text-align center;}</h1>
    </style>

<!-- User Editable Region -->

  </head>
  <body>
    <main>
      <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/114.0.0.0 Safari/537.36

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

Link to the challenge:

The instruction: " Center your h1 element…"

The element here is just h1. You don’t need the closing </h1> tag. Also, you don’t need the opening <h1> tag:

element {
 property: value;
}

This is given guidance.

The element here is h1.

Delete the word ‘property’. and the colon after it. The property here is ‘text-align’.

1 Like

Hello!
This step starts with the following.
< style>
< /style>

The example shows

element {
property: value;
}

The element would be the h1 property is what you have (but do not include the word property) and the value is center.

If you use the example from the lesson, I believe you will get it. You are fairly close.
Happy coding! :slight_smile:

thank you for your help ill keep trying

1 Like

You can do this. I know you can.

Delete the words element and property along with the following and set it up with the h1 element the property of text-align and the value of center.
Happy coding.

thank you i saw what i was doing now im stuck on step 32 but ill keep trying

1 Like

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