Help for the step 12 of building a cafe

Tell us what’s happening:
Describe your issue in detail here.
You can add style to an element by specifying it in the style element and setting a property for it like this:

element {
 property: value;
}

Center your h1 element by setting its text-align property to the value center.

  **Your code so far**
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <style>
    <h1> {property:text-align value;center} </h1>
  </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/102.0.5005.124 Safari/537.36

Challenge: Step 12

Link to the challenge:

HTML tags don’t go in CSS, so you’ll want to remove the <h1> and </h1> tags. However, the name of the element (h1 in this case) does go in the CSS. That’s what element means in the example. The words property and value are placeholders that describe what values go there. So you would replace property with the name of the property you want to change (which is text-align in this case). And you would replace value with the value you want this property to have (which is center in this case).

1 Like

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