Center your h1 element by setting its text-align property to the value center.

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

   **Your code so far**


<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8" />
   <title>Cafe Menu</title>
   <style>
     element {
property: value;
}
   </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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.3 Safari/605.1.15

Challenge: Step 12

Link to the challenge:

1 Like
2

Is that your code?
It’s hard to tell but if your confused, css starts with a selector, either it be h1,p,div,img etc if its in markup css can usally select it, and edit the styles based on the rules you give that selector.

Since we tend to want to give more than one rule we group them next to the selector in curly brackets {}
Each rule consists of a property(the name of the rule) and the value(the value to be given to the property)

For example it’s saying to set the text-align property to the value center for the h2 element.
So this would be the code to do this in css:

h2 {
  <!--property: value;-->
  text-align: center;
}

It’s important to note that each rule must end in a semicolon ; this is a important thing to remember as this is common in many other languages.

Happy coding :slight_smile:
If your still confused or if you were confused about another thing, let me know!

4 Likes
3

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