Learn Basic CSS by Building a Cafe Menu - Step 11

Tell us what’s happening:
Describe your issue in detail here.
I want to use the attribute text align on my h1 but its not working
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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36

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

Link to the challenge:

Welcome to the community :smiley:
The syntax for HTML and CSS is different from one another.

In HTML we use elements with tags <h1></h1>

In CSS we select the element we wish to style.

h1 {
    color: red;
}

When writing styles you still need to use the correct syntax when within the <style></style> tags

for example:

<style>
body {
    background-color: green;
}

h1 {
    color: red;
}
</style>

The above code will give the body element a green background color and all h1 headings will be red.

You can use this code in the step your on to see the changes.
Remember to ‘reset’ afterwards.

thanks done
Really appreaciate it

1 Like

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