Learn Basic CSS by Building a Cafe Menu - Step 13

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
it keeps saying i need to add a p element but i have one just not sure if my spacing is wrong or wrong location?
Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <style>
      h1 {
        text-align: center;
      } h2{ text-align: center; } </h2> </style>
     <style> <p { text-align: center; }</p>
    </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 (X11; CrOS x86_64 14989.107.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

The instructions aren’t quite clear about this but you want to add the new CSS in the existing style element, don’t add a new one.

Also, remember, you don’t use HTML tags in CSS.

1 Like
3

Might have something to do with the broken <p> in the head element – those tags aren’t needed in the styling section and the first one never actually closes (unclosed tags can induce strange bugs) so I would remove those and probably get rid of the second set of style tags in the head. that alone might fix the issue you’re having.

Generally, if you’re gonna do inline styling, you would only have to open and close those <style> tags once. You can style multiple classes/ elements within that <style> section

4

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