Step 14 You now have three type selectors with the exact same styling. You can add the same group of styles to many elements by creating a list of selectors. Ea

Pls I’m stuck here any help will be appreciated

Step 14

You now have three type selectors with the exact same styling. You can add the same group of styles to many elements by creating a list of selectors. Each selector is separated with commas like this:

selector1, selector2 {
  property: value;
}

Use a selector list to center the h1, h2 and p elements at the same

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

Challenge: Step 14

Link to the challenge:

selector1 and selector2 are just examples you have to replace them with actual elements and you have to create the rule for centering the text once for all the elements you target

1 Like

thank you so much I got it

1 Like