Learn Basic CSS by Building a Cafe Menu - Step 14

HTML-CSS
1

Tell us what’s happening:

answering the same as illustrated still not working

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>
    <style>
      h1, h2, p {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <main>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
      <section>
        <h2>Coffee</h2>
      </section>
    </main>
  </body>
</html>

/* file: styles.css */

/* User Editable Region */

 h1, h2 ,p  {
   text-align: centre;
 }

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Falkon/24.05.2 QtWebEngine/6.6.2 Chrome/112.0.5615.213 Safari/537.36

Challenge Information:

Learn Basic CSS by Building a Cafe Menu - Step 14

2

Your selector should set the text-align property to center .

Check your spelling for the value center

3

still not working when i check on the spelling

6

You have it double spaced.

7

The only thing you have to do is fix the typo for center.

But it does seem like you have to keep the style element in the HTML for now, so don’t remove the style element from the HTML just yet.