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{property:"text-align" value;"center"}><h1>Coffee</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/104.0.5112.102 Safari/537.36 OPR/90.0.4480.84

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

Link to the challenge:

2

Follow the instructions:
image
‘h1’ is an element, ‘text-align’ is a property, ‘center’ is a value. At the end add the semi-colon ’ ; ’
All of this goes between already given opening and closing ‘style’ tags.

3

Thanks! That helped me understand better. However, they are still daying- Hint

You should have an h1 selector in your style element.

4

Can you screenshot the code you have changed, and paste it here?

5

yep.

Screenshot (21)
Screenshot (21)800×600 58.1 KB

6

First of all, close the opening ‘style’ tag with the angle bracket. Then,
you have forgotten to put ‘h1’ in front of the opening curly bracket. Add it too. Plus, add a dash between the words “text” and “align”.

1 Like
7

Thanks a lot! it worked

1 Like
8

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