Basic CSS: 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.

I’m not sure what this is asking, any help?

  **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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36

Challenge: Step 12

Link to the challenge:

2

Hints : property here refers to text-align

3

CSS can be added internally with < style >

 <style>
      h1 {
      text-align: center;
      }
    </style>
6 Likes
4

If you are still struggling it appears you copy and pasted the provided example format into your code but you didn’t change any of its values to the proper ones designated in the lesson. Your code here is:

<style>
    element {
      property: value;
    }
  </style>

Which is identical to the example they provide. Replace element, property, and value with the ones the lesson says to use for each.

3 Likes
5

thanks bro, i love you so much

6

Mine is still failing. I’ve tried all I could

2 Likes
7

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

1 Like
8