Basic CSS: Center your h1 element by setting its text-align property to the value center?

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:

Hints : property here refers to text-align

CSS can be added internally with < style >

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

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.

1 Like