Learn Basic CSS by Building a Cafe Menu - Step 11

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here. im supposed to Center my h1 element by setting its text-align property to the value center . and i can’t seem to get it right pls help

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Cafe Menu</title>

<!-- User Editable Region -->

    <style >  
      <h1>
      </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/113.0.0.0 Safari/537.36 Edg/113.0.1774.50

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

Link to the challenge:

1 Like
2

syntax for CSS is different to HTML

To style your content, you use CSS, the syntax for CSS is shown in the step.

element {
    property: value;
}

‘element’ : this is where you select what you want to change.
‘property’ : this is what you want to change, you can have as many of these as you like.
‘value’ : this is what value is used to change the property.

Here is an example, of the text colour being changed
(this is an example not the answer)

<style>
p {
    color: blue;
}
</style>
1 Like
3

hope can help fix code code for h1 can be ok already put for CAFE store not want to give answer but can help make sure read again for question guide put in number 1 1 element can be your h1 than property name can be your text-align and than value can be your center type same as in example can erase h1 put now again for style hope this can help thank you take care gn gm fren

1 Like