I need assist to pass the 12 step

HTML-CSS
1

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

  **Your code so far**

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Cafe Menu</title>
  <style>
    element 
    <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.63 Safari/537.36 Edg/102.0.1245.30

Challenge: Step 12

Link to the challenge:

2

h1 - this is element
text-align - this is property
center - this is value

element {
 property: value;
}

Does it help when I put it like this?
Step 12:
Center your h1 element by setting its text-align property to the value center

3

Dear B.:
I can’t understand the “h1 - this is element
text-align - this is property
center - this is value” meaning ,could you please explain for me?
Many thanks!
Hwapipi

4

in the following example
h4 is element
text-style is property
serif is value

<style>
h4 {
text-style: serif;
}
</style>

In your case, you need to put your h1 instead of h4, text-align instead text -style and center instead serif.
Let me know if you pass a step :wink:

p.s. watch out for hyphens(-) there should only be one between text-align

1 Like
5

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