Its saying to make margin-left auto please help

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

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Cafe Menu</title>
   <link href="styles.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
   <div>
     <header>
       <h1>CAMPER CAFE</h1>
       <p>Est. 2020</p>
     </header>
     <main>
       <section>
         <h2>Coffee</h2>
       </section>
     </main>
   </div>
 </body>
<html>
/* file: styles.css */
body {
 /*
 background-color: burlywood;
 */
 


h1, h2, p {
 text-align: center;
div {
margin-right:auto;
margin-left:auto;
 width: 80%;
 background-color: burlywood;
}}

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 26

Link to the challenge:

You seemed to have nested the div ruleset inside of the h1, h2, p ruleset. You can’t do that with plain old CSS (at least not yet).

I’ve removed that it’s still showing the same

Posting pics of code usually doesn’t work and it definitely doesn’t in this case :slight_smile:

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.