Learn Basic CSS by Building a Cafe Menu - Step 11

HTML-CSS
#1

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

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <style> <h1> element {text-align
                   property: center;
                } </h1>
    </style>
  </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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36 Edg/106.0.1370.47

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

Link to the challenge:

#2

I dont understand exactly where and how add style element specify the style inside the element. Can i please have an example?

#3

the exercise instructions give a template for you to follow:

element {
property: value;
}

So you need to write the element first (in this case the instructions say the element is h1).
Then you need to write the left curly brace and press enter
then write the property (in this case the property is text-align)
then write a colon immediately following that then one space
then write the value (in this case the value is center).
then press enter and write the right closing brace

If you use the template to guide you, you should produce proper css code.

#4

Thank you this was very helpful

1 Like