Learn Basic CSS by Building a Cafe Menu - Step 12

HTML-CSS
1

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

I am stuck and overthinking this. What am I missing or overlooking? Thank you in advance.

  **Your code so far**

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <style> 
  <h1> 
  element{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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15

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

Link to the challenge:

2

You don’t want to use HTML tags inside the style element. Let’s look at the example pseudo-code again:

element {
 property: value;
}

You need to replace each word in the example code with the real values you want to use. You can find those real values by looking at the instructions again.

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

Does this make it a little clearer?

3

It clicked! That definitely made it clearer for me. Thank you!

4

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