Learn Basic CSS by Building a Cafe Menu - Step 11

not too sure what I am supposed to write here.

Your code so far

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

<!-- User Editable Region -->

    <style> 
     <h1>{text-align: center;}</h1>
     </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; rv:109.0) Gecko/20100101 Firefox/117.0

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

Link to the challenge:

So you’re heading in the right direction but your syntax is wrong.

element {
 property: value;
}

Take a look at the above proper syntax (that should be inside the style tags.)
Now :
‘element’ should be ‘h1’
‘property’ should be ‘text-align’
‘value’ should be ‘center’

P.S.
In your html document what ever you type inside your style tags is now considered CSS. By typing style tags in an html document you are embedding CSS code into your html. So your syntax or set of rules for commands has to be written for CSS.

1 Like

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