Absolute beginner trying to set style

Tell us what’s happening:
I’m having a hard time understanding exactly what I am supposed to be doing to set the style. Literally started coding 2 hrs ago, so go easy on me… having a hard time finding the explanation I need through Google!

I’ve tried multiple solutions, but I’m obviously missing something very simple. Here is my “best” attempt…

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

but obviously that is not right. Thanks in advance for any help!

   **Your code so far**
<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8" />
   <title>Cafe Menu</title>
   <style>
     <h1> {
text-align: center;
}
</h1>
   </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/92.0.4515.107 Safari/537.36 Edg/92.0.902.55

Challenge: Step 12

Link to the challenge:

Found a link and realized what I was doing wrong!

1 Like

when doing styling you just need to refrence the tag name without actualy writing the whole tag . unless you’re using an id or class but that’s for later
Mod Edit: SOLUTION REDACTED